Building a Full-Stack MERN E-Commerce Site - From Scratch!
This is a full-featured e-commerce project using the MERN stack (MongoDB, Express.js, React, Node.js) ✅ Source code with 2nd (last) part, only $2: https://buymeacoffee.com/aspiringdev/e/384757 👉 Enroll this Full Course on Udemy: https://www.udemy.com/course/building-a-full-stack-mern-e-commerce-website/?referralCode=B6D47C9F5CB25AAF0B96 🏷️Images & Source Files: 1. Starter Files (Images and Assets): https://github.com/mdalmamunit427/lebaba-ecommerce-starter-files.git ⚠️ N.B: If you're learning web development but can't afford to buy the course, you're in the right place. I believe in supporting passionate learners like you, and that's why I'm offering free access to my source code for educational purposes. 📝 For Free Course Access, Join Telegram: https://t.me/+RfjpYo_z6uYyNDU1 ✅ For a one-time payment of $10, gain lifetime access to all our existing and future courses (including all source codes). 👉 Join Pro Membership: https://buymeacoffee.com/aspiringdev/e/316762 Note: The amount you support, will be used to purchase course materials or improve the studio (such sounds, camera, or other accessories). 🔷 Chapters: 00:00:00 - Introduction 00:16:49 - Dashboard Overview 00:27:36 - Project Setup 00:34:00 - Install Tailwind CSS 00:40:41 - Customize Your Project 00:50:24 - Setup React Router Dom 00:58:48 - Create a Navbar Component 01:18:47 - Hero Banner Section 01:27:11 - Home Categories 01:33:13 - 2nd Hero Section 01:40:41 - Trending Products 02:05:05 - Deals Section 02:14:40 - Promo Banner Section 02:18:57 - Blog Section 02:25:46 - Footer Section 02:36:26 - Category Page 02:47:58 - Search Page 03:00:17 - Shop Page 03:37:07 - Single Product Page 03:53:24 - Install Redux Toolkit & Create Cart Slice 04:20:50 - Show Cart Modal 04:46:56 - Order Summary 04:59:16 - Update Quantity, Remove From Cart, Clear Cart 05:19:21 - Login Page 05:33:42 - Register Page 05:35:58 - Run Basic Express JS Server 05:47:54 - Install MongoDB and Mongoose 05:58:22 - Install dotenv, cors, cookie-parser, and body-parser 06:08:44 - Create a User Schema and Model 06:17:15 - Create User Routes 06:31:03 - How to Hash Password 06:36:03 - Login Routes 06:50:30 - Generate JWT Token 07:06:40 - Verify Token Middleware 07:16:10 - Logout, Delete User, and Get All Users Routes 07:26:53 - Update User Role 07:32:03 - Update User Profile 07:42:03 - authApi Using RTK Query 08:08:30 - authSlice for Logged In User 08:19:30 - Logout, Delete, Update Role, and Profile API 08:28:24 - Navbar Dropdown Menus 08:49:42 - Product Schema and Model 08:57:22 - Reviews Schema and Model 09:01:04 - Create Products Route 09:14:22 - Get All Products Routes 09:26:59 - Get Single Product Routes 09:32:05 - Update Product, Delete, and Related Products 09:53:08 - Verify Admin Middleware 10:01:51 - Create Product API 10:22:05 - Update Shop Page and Show Pagination 10:46:41 - Show Single Product Info 11:01:12 - Post a Review Routes 11:20:54 - Total Reviews Count and Get Reviews by User 11:27:04 - Review API Using RTK Query 11:37:37 - Show Reviews 11:55:26 - Post a New Review ⬇️Popular Playlists⬇️ 1. Complete MERN STACK: https://www.youtube.com/playlist?list=PLlW1xskDb97LUSanCCOObbt9Mmw8eoabr 2. React Tutorial for Beginners: https://www.youtube.com/playlist?list=PLlW1xskDb97K0zzOL9yM8PgY7fE2ZBzZF 3. Javascript Tutorial for Beginners: https://www.youtube.com/playlist?list=PLlW1xskDb97KNn62JfUFz-85f1x7QlzBj ❤️SUBSCRIBE ► https://bit.ly/37Txw8d ►Subscribe and hit the notification bell! ► https://bit.ly/37Txw8d ❤️Facebook ► https://www.facebook.com/MBroMedia 🔥don't click this link ► https://bit.ly/37Txw8d ► You Can Share your Ideas In this ❤️Comment Box❤️ ► For copyright matters please contact us at: [email protected] ❤️Search Me In Google ► Md Al Mamun 🏷️ Related Tags: learn react js,personal portfolio website,react js crash course
Download
1 formatsVideo Formats
Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.