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 )
2 Extra Videos :
React Last Part -
https://youtu.be/I7xkJBgaAmQ
Node Last Part -
https://youtu.be/Ze7LSErguFM
🔥 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
00:00 How to Code this Project
09:09 Setup React/Tailwind and initial Pages
34:23 Login/Sigup Pages/ React Routing
42:47 Cart Page
52:52 Checkout Page
01:15:20 Redux / Async Thunk and JSON server
01:52:08 Product page changes and filters
02:13:06 Pagination
02:30:10 Brands and Category
02:41:25 Product details page
02:54:10 User API, Login/ Signup Pages
03:22:25 Cart Add /Update/ Remove items
03:47:09 Checkout Page/ Orders
04:19:30 Order Success and My Orders
04:54:20 User Profile
05:26:00 Logout Forgot Password
05:35:00 Admin Panel pages
06:28:35 Admin Orders page
07:19:05 Node Backend Setup/ Mongoose / REST APIs
09:22:35 Passport JS / JWT
09:53:44 React Authentication with Cookies
10:35:05:00 Stripe Payment Integration
11:11:33 Live Server Deployment
🧑🏫 Tutorial Playlists
HTML : https://bit.ly/36IMq0h
CSS : https://bit.ly/3LpRQw6
JavaScript : https://bit.ly/3u049tf
BootStrap : https://bit.ly/3NA9nDJ
ES 6 : https://bit.ly/3DvYCh6
DOM Playlist : https://bit.ly/35nMKB7
ReactJS (Redux & Hooks) : https://bit.ly/3iMethN
NodeJS/ExpressJS : https://bit.ly/35nN6Yt
MongoDB / Mongoose : https://bit.ly/3qPj0EO