An elegant and modern full-stack e-commerce web application built using the MERN stack with powerful UI animations and full user authentication.
- Next.js – React framework for server-side rendering and routing
- React.js – Component-based frontend UI
- Node.js – Backend runtime for server-side logic
- MongoDB – NoSQL database to store users and products
- Mongoose – ODM for MongoDB to simplify schema and querying
- NextAuth.js – Secure authentication and session management
- Shadcn/UI – Beautiful UI components built on top of Radix UI
- Framer Motion – Smooth animations and transitions
- ✅ User Authentication – Secure login/signup using NextAuth
- ✅ Main Product Page – Responsive and clean product listings
- ✅ Product Page – Detailed view of each product
- ✅ Add to Cart – Cart functionality with session persistence
- ✅ Authorization Protected Routes – Access control for user-only pages
- ✅ Price Filter – Sort products by price (high to low, low to high)
- ✅ Flip Card Animation – Interactive card flip animation for products
- ✅ Responsive UI – Mobile-first, responsive layout
- ✅ SEO Friendly – Optimized pages using Next.js