CF

MERN eCommerce From Scratch

14h 49m 45s
English
Paid

MERN eCommerce From Scratch is a 88-lesson 14 hours 49 minutes self-paced course by Brad Traversy, Udemy. Most eCommerce tutorials lean on a prebuilt cart plugin.

Course facts

Lessons
88
Duration
14 hours 49 minutes
Level
All levels
Language
English
Updated
Instructor
Brad Traversy, Udemy
Price
Premium

Most eCommerce tutorials lean on a prebuilt cart plugin. MERN eCommerce From Scratch builds the entire shopping experience by hand – product listings, reviews, checkout, and admin tools – using MongoDB, Express, React, and Node.

The store you'll build

  • A working shopping cart with product search, pagination, and a featured-products carousel
  • Customer reviews and star ratings
  • Order history and profile pages for shoppers
  • An admin area for managing products, users, and order status
  • Checkout with shipping options and PayPal/credit-card payment

The skills behind it

On the front end you'll work with functional components and hooks, React Router, React-Bootstrap, and Redux (including the useDispatch and useSelector hooks). On the back end, Brad Traversy walks through Express routing, Mongoose models, JWT authentication with custom middleware, centralized error handling, and PayPal API integration.

Beyond the code

The course also covers environment-variable management and deploying the finished project, so you finish with a portfolio-ready application rather than just a set of disconnected exercises.

Who teaches MERN eCommerce From Scratch?

Brad Traversy

Brad Traversy thumbnail

Brad Traversy is a US developer behind Traversy Media — one of the largest independent web-development YouTube channels, with millions of subscribers and one of the most-viewed introductory tutorial libraries on the platform. He has been publishing daily-or-near-daily web development content continuously for nearly a decade and has anchored a generation of self-taught developers' first exposure to HTML, CSS, JavaScript, and the modern framework landscape.

The course catalog (sold via Udemy and the standalone Traversy platform) covers the full web-development stack: HTML and CSS fundamentals, JavaScript, React (including Next.js), Vue, Node.js, Express, MongoDB, full-stack MERN applications, Tailwind CSS, modern CSS layout, and the surrounding tooling. Brad's teaching style is calm, patient, and deliberately accessible to absolute beginners.

The CourseFlix listing under this source carries over 17 Brad Traversy courses spanning that range. Material is paid and aimed primarily at self-taught developers building real proficiency with web development from a clean start.

Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

What lessons are included in MERN eCommerce From Scratch?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 88 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Welcome To The Course
All Course Lessons (88)
#Lesson TitleDurationAccess
1
Welcome To The Course Demo
01:33
2
ProShop Project Demo
07:17
3
Resources & Environment
07:44
4
React Setup & Git Initialize
12:13
5
React-Bootstrap Setup, Header & Footer Components
14:40
6
HomeScreen Product Listing
10:32
7
Rating Component
13:46
8
Implementing React Router
07:35
9
Product Details Screen
11:23
10
Front End / Back End Workflow & Explanation
04:06
11
Serving Products - Back End Routes
07:19
12
Fetching Products From React (useEffect)
11:17
13
Nodemon & Concurrently Setup
05:31
14
Environment Variables
04:21
15
ES Modules In Node.js
04:26
16
MongoDB Atlas & Compass Setup
07:31
17
Connecting To The Database
05:16
18
Adding Colors To The Console (Optional)
03:11
19
Modeling Our Data
14:55
20
Preparing Sample Data
04:40
21
Data Seeder Script
10:31
22
Fetching Products From The Database
09:18
23
Getting Started With Postman
05:26
24
Custom Error Handling
10:37
25
An Overview Of Redux
05:21
26
Create a Redux Store
08:55
27
Product List Reducer & Action
13:54
28
Bringing Redux State Into HomeScreen - useDispatch & useSelector
08:51
29
Message & Loader Components
04:57
30
Product Details Reducer & Action
11:08
31
Qty Select & Add To Cart Button
10:09
32
Cart Reducer & Add To Cart Action
11:45
33
Add To Cart Functionality
09:47
34
Cart Screen
17:13
35
Remove Items From Cart
04:37
36
Clean Up By Using Controllers
05:30
37
User Authentication Endpoint
13:27
38
Brief Explanation of JWT (JSON Web Tokens)
03:57
39
Generate a JSON Web Token
04:58
40
Custom Authentication Middleware
16:21
41
Saving The Token In Postman
02:28
42
User Registration & Password Encryption
09:51
43
User Login Reducer & Action
10:36
44
User Login Screen & Functionality
16:56
45
Show User In Navbar & Logout
07:46
46
User Register Reducer, Action & Screen
11:39
47
Update Profile Endpoint
07:19
48
Profile Screen & Get User Details
16:51
49
Update User Profile
09:20
50
Shipping Screen & Save Address
14:49
51
Checkout Steps Component
05:21
52
Payment Screen & Save Payment Method
10:47
53
Place Order Screen
21:24
54
Order Controller & Route
06:02
55
Create Order
15:26
56
Get Order by ID Endpoint
05:25
57
Order Details Reducer & Action
04:21
58
Order Screen
12:15
59
Update To Paid Endpoint
04:41
60
Order Pay Reducer & Action
06:15
61
Adding PayPal Payments
19:48
62
Show Orders On Profile
18:04
63
User Details & Orders Reset
04:53
64
Admin Middleware & Get Users Endpoint
05:13
65
Admin User List
16:54
66
Admin Screen Access Security
05:30
67
Admin User Delete
11:44
68
Get User By ID & Update User Endpoints
08:07
69
User Edit Screen & Get User Details
10:12
70
Update User Functionality
10:09
71
Admin Product List
08:07
72
Admin Delete Products
13:42
73
Create & Update Product Endpoints
12:33
74
Admin Create Product
09:49
75
Edit Product Screen
11:26
76
Admin Update Product
09:09
77
Image Upload Config & Endpoint
13:11
78
Front End Image Upload
06:59
79
Admin Order List
13:38
80
Mark Order As Delivered
14:50
81
Morgan & Create Review Endpoint
12:01
82
Front End Product Reviews
22:48
83
Product Search
11:06
84
Product Pagination
24:48
85
Top Products Carousel
15:55
86
Custom Page Titles & Meta
10:05
87
Prepare For Deployment
06:24
88
Deploy To Heroku
17:10
Unlock unlimited learning

Get instant access to all 87 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

What courses are similar to MERN eCommerce From Scratch?

More courses by Brad Traversy

Frequently asked questions

What are the prerequisites for enrolling in this course?
Prospective students should have a foundational understanding of JavaScript and some familiarity with React, as early lessons include React setup and component creation. Basic knowledge of Node.js and MongoDB will also be beneficial since the course covers backend routes, database connections, and data modeling.
What will I build by the end of the course?
Students will build a fully functional eCommerce application from scratch. This includes a dynamic shopping cart, product reviews, and ratings system, a top products carousel, product pagination, and search features. Users will have profiles with order history, and administrators will manage products and users, view order details, and mark orders as delivered.
Who is the target audience for this course?
This course is designed for web developers who want to specialize in eCommerce applications using the MERN stack. It is suitable for those looking to gain practical experience in full-stack development and build custom eCommerce solutions without relying on prebuilt plugins or platforms.
How does this course compare in depth to other eCommerce courses?
This course offers a detailed exploration of building a custom eCommerce application using the MERN stack. Unlike some courses that may use prebuilt solutions, this course focuses on creating each component from scratch, providing a thorough understanding of both frontend and backend processes.
What specific tools and platforms are utilized in the course?
The course uses React for frontend development, Node.js for backend processes, and MongoDB for database management. Tools such as React-Bootstrap are used for UI components, and Redux is implemented for state management. Postman is utilized for testing API endpoints, and JWTs are used for user authentication.
What topics are not covered in this course?
The course does not cover advanced topics like SEO optimization for eCommerce sites, integration with third-party payment gateways beyond the basic payment screen setup, or deployment strategies for scaling applications in production environments.
What is the expected time commitment for completing the course?
The course consists of 88 lessons, each varying in length. While the total runtime is marked as 00:00:00, students should anticipate dedicating several weeks to complete the course, depending on their pace and familiarity with the MERN stack technologies.