Multi-Feature Notes Application

Technical Description

• Developed a modern full-stack note-taking application with Next.js and TypeScript, featuring secure authentication, rich text editing, and cloud-based media management for scalable content creation and storage.
• Implemented custom OTP-based authentication workflow using Mailjet API for account creation, password reset, and recovery processes, ensuring secure email verification and seamless user onboarding experience.
• Integrated Cloudinary SDK to enable profile image uploads with automatic optimization and responsive transformations, providing scalable media storage and efficient content delivery for user accounts.
• Designed responsive masonry-style UI using Tailwind CSS with color-coded note categorization, implementing dynamic grid layouts and intuitive visual hierarchy for enhanced content organization and user experience.
• Integrated Quill rich text editor with autosave functionality, route-based rendering optimization, and advanced formatting support (lists, headers, code blocks, links) for seamless content creation workflows.
• Added contribution feature using Razorpay SDK (test mode) enabling users to support development via secure in-app donations, implementing payment gateway integration with transaction verification and status tracking.
• Engineered secure backend architecture with PostgreSQL (Aiven cloud), JWT-based authentication, and bcryptjs password hashing, ensuring robust data protection, session management, and compliance with security best practices

Tech Stack