Building a Full-Stack MERN E-Commerce Site - From Scratch!

🏷️Images & Source Files:

⚠️ 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.

✅ For a one-time payment of $3, gain lifetime access to all our existing and future courses (including all source codes).

👉 Join Pro Membership:

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⬇️

► You Can Share your Ideas In this ❤️Comment Box❤️

❤️Search Me In Google ► Md Al Mamun

🏷️ Related Tags: learn react js,personal portfolio website,react js crash course

[skayeshasiddiqa]

Thank you so much for providing the source code of such an OG project along with clear instructions in the README! I really appreciate it. Looking forward to learning from this!

[B.Mwangangi]

6 minutes in and already I just want to say, thank you for this.

[ettorecar]

Hi Mr. Mamun, i just finish your tutorial after one month. Like a beginner i had to figure it out a lot of mechanisms. First tut within Redux!! I wanna thank you very much. I'll be waiting for the final tutorial regards full staff of payment.

[msprince]

Thanks for making these type of project

[Test-tqed]

Its the first time to comment on a video, I'm still at minute 20:00 but I am amazed with this great project, thank you for giving us such project for free

[hamudxd]

TOP CLASS SIR WE NEED MORE MERN PROJECTS❤

[SleepyCricket-mmsq]

big fan mamun vai....apner ei effort r resource gula priceless vai❤

[mahmutyilmaz]

Thanks for your amazing efforts and time.

[DostMohammad-ty]

kindly tell me that ess video my E-commerce website from scratch sy bnana sikha i gai hn?

[kaizuszn]

hi there sir, some parts of my code isnt working and i followed exactly aswell and still not working, i cant buy the code because im still a student i dont have the money to buy it can you help give the code sir for educational purposes? please sir. thank you

[adityachandel]

It was a great project
When you will upload 2nd part?

[harshitkhurana]

Please bring more MERN unique projects with AI integration

[manle]

Can I ask that in backend, do you use Controller in it ? Thank you.

[eslamalmasoudy]

This is a great effort. Is this full course on YouTube?

[infiniteAce]

Hello, thank you for the video 🔥🔥🙏🏻. By the way, can you teach us Full Stack websites with Postgresql/MySql as the database (Not MERN). I want to learn company level tutorials 😊🙏🏻

[abhishekcode]

Great ❤ thanks sir..is there backend also?

[superpower]

How to contact you for the full projects

[mohitgupta]

Can I use paypal payment gateway. Stipe is not allowed to create a new account in india.

[jahirrana]

Could the task be completed using just NextJS instead of ExpressJS?

[rahimasuhaina]

I cannot connect register page error is 404