NovaCart — Full Stack E-Commerce Platform

NovaCart is a full-stack e-commerce website that I built to understand how a real e-commerce system works beyond just making a frontend.

I started with a basic e-commerce project and gradually rebuilt it into a much more structured application with a modern UI, authentication, product management, cart, orders, payments and role-based access.

What I built

• Customer registration and login

• Product search and filtering

• Product details and image gallery

• Shopping cart

• Checkout and order management

• Razorpay payment integration

• Customer profile

• Seller product management

• Product inventory management

• Seller-specific products and orders

• Super Admin platform management

• Role-based authentication and authorization

• Parent category → subcategory system

• Responsive UI for desktop and mobile

• Dark / light theme

Tech Stack

Frontend: Next.js, React, JavaScript, Tailwind CSS

Backend: Node.js, Next.js API Routes

Database: MongoDB, Mongoose

Authentication: JWT

Payments: Razorpay

Images: Cloudinary

Tools: Git, GitHub, VS Code, Postman

What I learned

While building NovaCart, I worked on things that are closer to a real production application:

• Designing APIs

• MongoDB data modelling

• Authentication and protected routes

• Role-based permissions

• Product ownership

• Handling orders and payments

• Managing frontend state

• Responsive UI

• Deployment with Vercel

• Debugging production issues

One of the major parts of the project was separating the system into Customer, Seller and Super Admin roles so that every user does not get access to everything.

Current Architecture

Customer → Browse → Cart → Checkout → Orders

Seller → My Products → Inventory → My Orders → My Customers

Super Admin → Users → Sellers → Products → Categories → Orders

NovaCart is still an evolving project, but the goal is simple:

Build an e-commerce platform that actually feels like a real product, not just a college demo.