Notion Clone is a real-time note-taking platform built as a full-stack showcase of modern real-time architecture — replicating Notion's core experience of creating, organizing, and editing nested documents on the fly.

The app supports page creation, duplication, and nested docs, with authentication handled by Clerk, file storage handled by Edge Store, and Convex powering the real-time database layer.

Build a genuinely real-time note-taking experience — edits and page changes sync across sessions with sub-100ms latency, not just on-save persistence.

Support a nested document structure (pages within pages) that mirrors Notion's core mental model, along with page duplication.

Handle auth, file storage, and real-time data through dedicated best-in-class services (Clerk, Edge Store, Convex) rather than building each layer from scratch.

Ship a polished UI using ShadCN UI and Tailwind CSS on top of Next.js, so the interface feels as clean and responsive as the product it's modeled after.

Nested documents meant the data model couldn't be flat — pages needed parent-child relationships that support arbitrary depth (a page inside a page inside a page), which had to be reflected correctly in both the database schema and the sidebar/tree navigation UI without breaking as nesting got deep.

Page duplication had to correctly clone an entire subtree — not just a single page's content, but all of its nested children and associated file references — while generating new unique identifiers so the duplicate behaved as a fully independent document, not a linked copy.

Achieving sub-100ms real-time sync meant leaning fully into Convex's reactive query model — structuring queries and mutations so that any edit (title change, content edit, page move) propagated to all connected clients almost instantly, without manual polling or refetch logic.

Integrating three separate services (Clerk for auth, Edge Store for file storage, Convex for data) meant coordinating identity across systems — e.g., ensuring uploaded files and created pages were correctly scoped to the authenticated user across all three, without gaps where one service's state could drift from another's.

Building a Notion-like editing experience (block-style content, nested page links, cover images) on top of ShadCN UI and Tailwind required extending beyond default component behavior — much of the interaction design (drag, nest, duplicate, delete cascades) had to be custom-built rather than pulled off the shelf.

The result is a fully functional, real-time note-taking platform with authentication, file storage, and nested document management — demonstrating end-to-end full-stack ownership from schema design to real-time sync to UI polish.

Live: https://record-keeping-app-mocha.vercel.app