Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development MERN Stack

MERN eCommerce From Scratch

Build an eCommerce platform from the ground up with React, Redux, Express & MongoDB
Bestseller
Rating: 4.7 out of 54.7 (3,095 ratings)
12,833 students
Created by Brad Traversy
Last updated 11/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Build a custom eCommerce platform with React, Redux, Node, Express & MongoDB
  • An actual real-world project built in a linear and progressive manner
  • Full featured shopping cart with PayPal & credit/debit payments
  • Admin area to manage customers, products & orders
  • Product rating & review system
  • Product search, carousel, pagination & more
Curated for the Udemy for Business collection

Course content

15 sections • 91 lectures • 14h 53m total length

  • Preview01:32
  • Preview07:16
  • Preview07:43

  • Preview12:12
  • React-Bootstrap Setup, Header & Footer Components
    14:39
  • HomeScreen Product Listing
    10:31
  • Rating Component
    13:45
  • Implementing React Router
    07:34
  • Product Details Screen
    11:22

  • Front End / Back End Workflow & Explanation
    04:05
  • Serving Products - Back End Routes
    07:18
  • Fetching Products From React (useEffect)
    11:16
  • Nodemon & Concurrently Setup
    05:30
  • Environment Variables
    04:20
  • ES Modules In Node.js
    04:25

  • MongoDB Atlas & Compass Setup
    07:31
  • Connecting To The Database
    05:15
  • Adding Colors To The Console (Optional)
    03:10
  • Modeling Our Data
    14:54
  • Preparing Sample Data
    04:39
  • Data Seeder Script
    10:30
  • Fetching Products From The Database
    09:17
  • Getting Started With Postman
    05:25
  • Custom Error Handling
    10:36

  • An Overview Of Redux
    05:20
  • Create a Redux Store
    08:54
  • Product List Reducer & Action
    13:53
  • Bringing Redux State Into HomeScreen - useDispatch & useSelector
    08:50
  • Message & Loader Components
    04:56
  • Product Details Reducer & Action
    11:07

  • Qty Select & Add To Cart Button
    10:08
  • Cart Reducer & Add To Cart Action
    11:44
  • Add To Cart Functionality
    09:46
  • Cart Screen
    17:12
  • Preview04:36

  • Clean Up By Using Controllers
    05:29
  • User Authentication Endpoint
    13:26
  • Brief Explanation of JWT (JSON Web Tokens)
    03:56
  • Generate a JSON Web Token
    04:57
  • Custom Authentication Middleware
    16:20
  • Saving The Token In Postman
    02:27
  • User Registration & Password Encryption
    09:50

  • User Login Reducer & Action
    10:35
  • User Login Screen & Functionality
    16:55
  • Show User In Navbar & Logout
    07:45
  • User Register Reducer, Action & Screen
    11:38
  • Update Profile Endpoint
    07:18
  • Profile Screen & Get User Details
    16:50
  • Update User Profile
    09:19
  • Navbar Name Bug
    00:12

  • Shipping Screen & Save Address
    14:48
  • Checkout Steps Component
    05:20
  • Payment Screen & Save Payment Method
    10:46
  • Place Order Screen
    21:23
  • Order Controller & Route
    06:01
  • Create Order
    15:25

  • Get Order by ID Endpoint
    05:24
  • Order Details Reducer & Action
    04:20
  • Order Screen
    12:14
  • Add check for order
    00:10
  • Update To Paid Endpoint
    04:40
  • Order Pay Reducer & Action
    06:14
  • Adding PayPal Payments
    19:47
  • Show Orders On Profile
    18:03
  • User Details & Orders Reset
    04:52

Requirements

  • You should know modern JS fundamentals and the basics of React

Description

There are a lot of "eCommerce" courses out there, but most use some kind of prebuilt plugin or platform. In this course, we will build a completely customized eCommerce / shopping cart application from scratch with the MERN stack with the following functionality...

  • Full featured shopping cart

  • Product reviews and ratings

  • Top products carousel

  • Product pagination

  • Product search feature

  • User profile with orders

  • Admin product management

  • Admin user management

  • Admin Order details page

  • Mark orders as delivered option

  • Checkout process (shipping, payment method, etc)

  • PayPal / credit card integration

  • Custom database seeder script


This is not a documentation-type course. This is a jump in and get your hands dirty course where by the end, you have an actual real-world project to use and put on your portfolio. You will learn the following by completing this course..

  • React with Functional Components & Hooks

  • React router

  • React-Bootstrap UI library

  • How to structure components

  • Component level state & props

  • Managing global state with Redux (Actions & Reducers)

  • Using Redux state in components (useDispatch & useSelector)

  • Creating an extensive back end with Express

  • Working with a MongoDB database and the Mongoose ODM

  • JWT authentication (JSON web tokens)

  • Creating custom authentication middleware

  • Custom error handler

  • Integrating the PayPal API

  • Environment variables

  • Project deployment

  • Much more!


Who this course is for:

  • Full stack web developers that want to learn MERN by building a real-world app

Featured review

Kirk VanderKuy
Kirk VanderKuy
130 courses
27 reviews
Rating: 5.0 out of 55 months ago
Another in a long line of great courses from Brad. Easy to follow explanations, with a classy looking UI and speedy performance. Brad is one instructor I can count on to create a course teaches me something new every time. You won't be disappointed with this one.

Instructor

Brad Traversy
Full Stack Web Developer & Instructor at Traversy Media
Brad Traversy
  • 4.7 Instructor Rating
  • 102,900 Reviews
  • 264,559 Students
  • 15 Courses

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.