Timeline
Built as a solo website project from 14/09/2023 to 16/10/2023.
Projects
Web App
Notion Clone
A note workspace for ideas, homework, and personal documents with authentication, realtime database updates, dark mode, responsive UI, and multilingual support.
Next.jsTypeScriptTailwindCSSZustandConvexDockerBlocknote
Key Features
Realtime syncAuth with Clerk (Google/GitHub)Multilingual UIDark modeNested pages
Purpose
Problem: personal notes were scattered across separate tools. Goal: build a focused workspace for ideas, homework, and documents with private/public sharing behavior.
Solution
Responsive Tailwind UI, animations, dark mode, Google and GitHub authentication with Clerk, realtime add/modify/delete database behavior, and multiple languages with next-intl.
Result
Delivered a deployable product demo with realtime editing, nested pages, authentication, multilingual UI, and stable document operations.
Engineering
Technical highlights
Realtime editing with Convex reactive DB — changes propagate without polling
Pluggable rich-text editor via Blocknote with custom block types
Full i18n and dark mode support using next-intl and Tailwind dark variants
Approach
Techniques & patterns
Optimistic UIEdge functionsRealtime DB listeners
Screenshots
Product screens
Screens from the product flow, used to show layout, states, and interaction details before reading the implementation notes.
