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)
🏷️Images & Source Files:
1. Starter Files (Images and Assets): https://github.com/mdalmamunit427/leb...
2. Full Course with Source code: https://www.udemy.com/course/building...
3. Support My Work: https://www.buymeacoffee.com/aspiringdev
⚠️ N.B: If you're learning web development but can't afford to buy source code, 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.
📝 Free Source Code Request Form : https://forms.gle/ib5APkNm46Lh66Hz5
✅ For a one-time payment of $3, gain lifetime access to all our existing and future courses (including all source codes).
👉 Join Pro Membership:
https://buymeacoffee.com/aspiringdev/...
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: • Complete MERN Stack Project
2. React Tutorial for Beginners: • React Tutorial for Beginners
3. Javascript Tutorial for Beginners: • Playlist
❤️SUBSCRIBE ► https://bit.ly/37Txw8d
►Subscribe and hit the notification bell! ► https://bit.ly/37Txw8d
❤️Facebook ► / 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
Watch video Building a Full-Stack MERN E-Commerce Site - From Scratch! online without registration, duration hours minute second in high quality. This video was added by user Md Al Mamun 31 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 19,871 once and liked it 737 people.