Notion Clone AI App

Brief Description: A modern, AI-powered SaaS platform for seamless real-time document collaboration, featuring live editing, intelligent document chat, and instant translation.

Technologies Used:

• NextJS
• Cloudfare
• Firebase
• Vercel

My Role:

• Deployed serverless Cloudflare workers in SECONDS, combining them with Hono to enable a full Backend API with CORS protection
• Implemented Real-time collaboration with Live Cursors and Live Rich Text Editing feature using Liveblocks
• Created a Sleek Rich Text Editor which embraces real-time conflict-free data types to allow for real-time collaboration!
• Built an authentication API route using the app router Route Handler syntax in Next.js
• Used Next.js Server Components & Client Components and when/where to use them
• Integrated Cloudflare AI Models via the use of Cloudflare Workers (To support Chat-To-Document & Summary Translation AI features)
• Integrated Cloudflare AI Workers to translate the Document Summary to any other language!
• Implemented Firebase Firestore to store the user’s documents
• Used Clerk Authentication to add User Authentication with ease
• Created a Beautiful UI & UX for our Frontend using the highly Popular Shadcn & Tailwind CSS
• Used TypeScript to reduce the overall number of Bugs and Errors
• Created beautiful Dialog prompts, Toast Notifications & so much more with ShadCn Components
• Deployed the final build on Vercel