Modern Note app

The Note App is a feature-rich, modern note-taking web application crafted with Next.js and TypeScript, designed to provide users with a seamless experience for capturing, organizing, and editing notes. At its core is the Tiptap Editor, a powerful rich-text editor based on ProseMirror, which supports advanced formatting options like bold, italic, headings, lists, tables, code blocks with syntax highlighting (via Lowlight), and even text highlighting. The app incorporates secure authentication through Better Auth, including Google OAuth for easy sign-ins and session management, ensuring notes are private and accessible only to the owner. It features a responsive UI built with Tailwind CSS and shadcn/ui components, complete with dark/light mode toggling for comfortable use in any lighting. Auto-save functionality ensures no data loss during editing, while multi-language support (e.g., mixing English and Persian) caters to diverse users. Deployment on Vercel guarantees fast performance and scalability, backed by Neon DB and Drizzle ORM for efficient data handling. This project exemplifies full-stack development, from frontend interactivity to backend integration, making it ideal for personal productivity or collaborative note-taking scenarios.

Technologies: Next.js 15 + React 19, TypeScript, Tailwind CSS + shadcn/ui, Tiptap Editor + Lowlight for syntax highlighting, Better Auth (with Google OAuth), Vercel for deployment, Lucide React icons, Neon DB, Drizzle ORM.

Key Features:

• Rich-text editing with support for formatting, lists, tables, code blocks, and highlights.
• Secure authentication via Google login and session management.
• Dark/light mode toggle for customizable themes.
• Fully responsive design optimized for all devices.
• Auto-save notes in real-time to prevent data loss.
• Multi-language typing support, including RTL/LTR for languages like Persian.
• Scalable deployment with Vercel for high performance.