Back
Year
2025
Tech & Technique
Next.js, Mollie, JWT Authentication, Tailwind CSS, Shadcn, MongoDB, Cloudinary
Description
Nanantha is a modern online bookstore built with Next.js and
TypeScript, offering users a seamless experience to browse books,
manage shopping carts, and complete secure payments via Mollie.
Key Features:
Technical Highlights:
Key Features:
- š Book Browsing: Explore a wide range of books with detailed product pages
- š Shopping Cart: Manage selected items easily before checkout
- š³ Secure Payments: Integrated Mollie payment gateway for smooth transactions
- š¤ User & Admin Dashboards: Separate interfaces for order, product, and review management
- š± Responsive UI: Built with Tailwind CSS and shadcn for consistent design
- ā” Performance: Optimized Next.js app with efficient API data fetching
Technical Highlights:
- Developed frontend with Next.js (React + TypeScript) and Next.js App Router
- Implemented custom JWT-based authentication for secure user sessions
- Styled UI components using Tailwind CSS and shadcn for design consistency
- Handled API requests with Fetch and async services without Redux
My Role
Full-Stack Developer
Owned the full development lifecycle:
Owned the full development lifecycle:
- ā Frontend: Built UI components and routing using Next.js, TypeScript, Tailwind CSS, and shadcn
- š Authentication: Developed custom JWT-based secure authentication system
- š ļø Backend: Created RESTful APIs with Node.js, Express, and TypeScript
- š¾ Database: Designed MongoDB schemas and managed data with Mongoose ODM
- š³ Payment Integration: Integrated Mollie payment gateway for secure transactions
- āļø File Storage: Managed media assets using Cloudinary
- š Deployment: Configured CI/CD pipelines and deployed frontend and backend on Vercel
- š API Handling: Implemented efficient data fetching strategies connecting frontend and backend