MERN E-Commerce - Admin Panel, Redux Toolkit, Payment Gateway, Cloud Deployment, Emails (Hindi)

MERN E-Commerce - Admin Panel, Redux Toolkit, Payment Gateway, Cloud Deployment, Emails (Hindi)

443.848 Lượt nghe
MERN E-Commerce - Admin Panel, Redux Toolkit, Payment Gateway, Cloud Deployment, Emails (Hindi)
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