MERN-ecommerce-Frontend icon indicating copy to clipboard operation
MERN-ecommerce-Frontend copied to clipboard

CoderDost MERN Stack E-commerce Project - Frontend Repository

CoderDost MERN Stack E-commerce Project - Frontend Repository

πŸ”₯πŸ”₯ WATCH HERE >> Project Video

MERN E-Commerce (in Hindi) with Admin Panel, Redux Toolkit, Stripe Payment, Cloud Deployment, Email Invoice, and many features (complete features given below in Description )

πŸ”₯ Code Repositories:

  • React [frontend] - https://github.com/coderdost/MERN-ecommerce-Frontend
  • Node [backend] - https://github.com/coderdost/MERN-ecommerce-backend

πŸ”₯Related MasterClasses:

  • React [ 10 Hours ] - https://youtu.be/6l8RWV8D-Yo
  • NodeJS / Express/ Mongoose [ 12 hours ] - https://youtu.be/ChVE-JbtYbM
  • Redux [ 7 hours ] - https://youtu.be/1zCNdVhdvHE

πŸ”₯ Related Videos :

  • Multer Middleware (for file upload) - https://youtu.be/qfN6c5FEAQQ
  • Mongoose populate - https://youtu.be/VuSt5-AwL8Y
  • Passport JS Authentication - https://youtu.be/U-S3rgG8hBE
  • JWT Auth is from - Node MasterClass (Link above)
  • Vercel deployment details - Node MasterClass (Link above)
  • React Router Crash Course: https://bit.ly/36YfO2i

πŸ”₯ Features :

  • Basic E-commerce Features- Product lists, Product Details, Cart, Checkout
  • Secure Card Payments / Cash payments
  • Admin Panel - Add/Edit Orders. Add/Edit Products
  • Sorting, Filtering, and Pagination queries using Mongoose
  • Authentication with Passport JS strategies
  • Order Emails, Reset Password Emails
  • User Profile and user orders

πŸ”₯ Technical Details :

  • React 18 with Tailwind CSS
  • Redux Toolkit with Async Thunk
  • React Router v6
  • JSON-server for front-end testing
  • MongoDB for Database
  • Mongoose v7 as ODM
  • REST API using Express
  • Authentication using Passport JS
  • API Authentication using Passport JWT
  • MongoDB Atlas cloud database
  • Vercel Server deployment
  • Email using Nodemailer - using GMail SMTP system
  • Payments using Stripe - PaymentIntent based custom flow