- type
- Take-home build
- year
- 2026
- discipline
- Product & Platform
- credit
- Anupam Chaudhary & Sanchit Kathpalia
- stack
- Next.jsTypeScriptNextUITipTap
The brief
A notes app built around an idea borrowed from Git: every save is a version you can go back to.
The challenge
Rich-text editors are harder than they look. To save a snapshot on every save without filling up storage, and then restore an earlier version cleanly, the editor's document model has to be treated as data instead of HTML.
The approach
TipTap for the editor with NextUI components on top. Each save writes a timestamped version, and restoring one swaps the document back in a single click. Versions are stored in the browser, because this is a single-user demo with no shared backend.
What we built
- Rich-text editing with headings, lists, and code blocks
- Automatic version history on save
- One-click restore to any earlier version
- Responsive dark interface
What it demonstrates
- Working inside a document model rather than raw HTML
- Version history and restore as a first-class feature
- Clean interface work on top of a component library