All projects
Realtime note workspace
Notion Clone
A note workspace for ideas, homework, and personal documents with authentication, realtime database updates, dark mode, responsive UI, and multilingual support.
Solo: fullstack09/2023 – 10/2023Web App7 tools
demo-notion-clone.vercel.app
01 · The problem
Notion Clone
My notes, homework, and ideas were spread across separate tools, with no single place to organise them or share some of them publicly.
02 · What I built
Notion Clone
- 01Built nested pages with a Blocknote rich-text editor.
- 02Used Convex as a reactive database so edits sync in real time without polling.
- 03Added Google and GitHub sign-in with Clerk, dark mode, and a multilingual UI with next-intl.
Realtime syncAuth with Clerk (Google/GitHub)Multilingual UIDark modeNested pages
03 · Screens
Notion Clone
04 · Result
Notion Clone
What changed
- A deployed demo with realtime editing, nested pages, authentication, and i18n.
Stack
Next.jsTypeScriptTailwindCSSZustandConvexDockerBlocknote
Next case study
Knoxt.io Project management SaaS for freelancers