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
Discover More Work
All ProjectsRelated Projects
Interested in similar systems?
Explore my web design and development services or get in touch to discuss your next application.