Major Project
Web Development
Real-Time Collaborative Code Editor
Multiplayer editing with CRDTs, live cursors and sandboxed execution
- Next.js
- TypeScript
- Yjs
- WebSockets
- +2
₹4,999₹8,499
4.8/168 reviews
Web Development · Major Project
Drag-and-Drop Portfolio Website Builder
Block-based page editor with themes that publishes to your own subdomain
3-4 weeks build
Overview
Users assemble a portfolio from blocks such as hero, projects grid, timeline and contact, dragging them into order and editing each in a side panel. The page is saved as a JSON document, rendered through a theme, and published to a subdomain resolved by middleware from the request host. Version history lets a user roll back a bad publish.
What makes it stand up
- 01Drag-and-drop block canvas with reordering, duplication and undo
- 02Page stored as a typed JSON block tree, rendered by one shared renderer
- 03Swappable themes built on design tokens, previewed live
- 04Publish to username.domain via wildcard subdomain routing in middleware
- 05Publish history with one-click rollback to an earlier version
Module breakdown
- 01
Block library
Schema and editor form for each block type.
- 02
Canvas
dnd-kit drag and drop with selection, undo and redo.
- 03
Themes
Token sets for colour, type and spacing applied at render time.
- 04
Publishing
Snapshots, subdomain routing and cache invalidation on publish.
- 05
Accounts
Sign-up, username claim and site settings.
After this, you will be able to
- Explain why the page is data and the renderer is shared
- Defend your subdomain routing and caching strategy
- Demo building and publishing a portfolio from scratch
Technology stack
- Next.js
- TypeScript
- React
- PostgreSQL
- Tailwind CSS
- Level
- Major Project
- Domain
- Web Development
- Build time
- 3-4 weeks
- Difficulty
You receive
- Complete, commented source code
- 60-90 page project report (IEEE format)
- Editable presentation deck
- Architecture, ER and UML diagrams
- Local setup and deployment guide
- Sample dataset or seed data
- Viva question bank with answers
- One 45-minute walkthrough call
- 30 days of doubt-clearing support