Back to Showcase
Web Apps
Case Study
Novel Editor
Role: Frontend Developer
Brief Overview
A beautiful, Notion-style WYSIWYG rich text editor with AI-powered autocomplete assistance, slash commands, and bubble menus for streamlined writing.
Project Resources
What Was Built
A beautiful, Notion-style WYSIWYG rich text editor with AI-powered autocomplete assistance, slash command inputs, and inline bubble menus for streamlined formatting.
Problem & Solution
Writing online can feel fragmented. This editor compiles tiptap extensions with Vercel AI SDK to create a writing dashboard that autocomplete lines in real-time.
Key Features
- Notion-style slash commands menu
- Tiptap rich text content parsing
- Vercel AI SDK text completion integration
- Bubble formatting toolbar panels
Technologies Applied
Next.jsReactTiptapTailwind CSSVercel AI SDK
Interested in similar systems?
If you want custom frontend layout design, high-fidelity React components, or payment integrations, contact me for your next web application.
Contact Pujan Joshi