fullstackacademic project2024
Canva Clone
A Canva-style design tool with real-time collaboration, authentication and a live editing canvas — a full-stack final-project build.
Tech stack
Next.jsConvexClerkTypeScript
The problem
Collaborative editors are hard: they need real-time sync, authentication and a responsive canvas that stays consistent across users.
What I built
- Built the editing canvas and UI in Next.js + TypeScript.
- Used Convex for real-time data/state sync between users.
- Integrated Clerk for authentication and user management.
Challenges & how I solved them
- Keeping the canvas state consistent in real time across sessions.
- Wiring authentication cleanly into a collaborative data model.
The result
A working collaborative design tool demonstrating real-time full-stack architecture and auth. Live demo available.
What I learned: Hands-on experience with real-time backends and the trade-offs of collaborative state.
Have something similar in mind?
Let's talk about your project — I reply within 24 hours.
Start a project