A robust MERN-stack e-commerce application featuring dynamic product management, advanced filtering, and secure user authentication. This project is not just a storefront; it is a demonstration of solving real-world configuration and data integration challenges.
- https://react-ecommerce-project-manaswini-sasmals-projects.vercel.app/
- Backend API: Hosted on Render
Product Gallery
Browse items with images, names, prices and quick “Add to Cart” buttons.
-
Search & Filter
Find products by name or category. -
Shopping Cart
Add, update, or remove items. Cart state persists across sessions. -
Checkout Flow
Review order, enter shipping details, and simulate payment. -
Secure Checkout: Protected routes powered by Auth0 to ensure user data privacy.
-
Dynamic Data: Products are fetched in real-time from a MongoDB collection.
- Frontend: React.js, Styled Components, Context API
- React (with Hooks & Context API)
- React Router for page navigation
- CSS Modules (or Tailwind CSS) for styling
- Backend: Node.js, Express.js
- Database: MongoDB Atlas
- Auth: Auth0 (Secure Identity Management
- Local Storage for cart persistence
- Vercel for deployment
🙋♀️ Author
👩💻 Frontend Developer | React Enthusiast
🔗 Portfolio - https://manaswini-portfolio.vercel.app/
📧 manaswinisasmal5597@gmail.com
🔗 LinkedIn - https://www.linkedin.com/in/manaswini-sasmal-b77a21162/