MERN From Scratch 2023 - eCommerce Platform

MERN From Scratch 2023 | eCommerce Platform, available at $89.99, has an average rating of 4.64, with 94 lectures, based on 7678 reviews, and has 31626 subscribers.

You will learn about Build a custom eCommerce platform with React, Redux, Node, Express & MongoDB An actual real-world project built in a linear and progressive manner JWT Authentication Stored In An HTTP-Only Cookie 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 This course is ideal for individuals who are Full stack web developers that want to learn MERN by building a real-world app It is particularly useful for Full stack web developers that want to learn MERN by building a real-world app.

Enroll now: MERN From Scratch 2023 | eCommerce Platform

Summary

Title: MERN From Scratch 2023 | eCommerce Platform

Price: $89.99

Average Rating: 4.64

Number of Lectures: 94

Number of Published Lectures: 94

Number of Curriculum Items: 94

Number of Published Curriculum Objects: 94

Original Price: $109.99

Quality Status: approved

Status: Live

What You Will Learn

Build a custom eCommerce platform with React, Redux, Node, Express & MongoDB

An actual real-world project built in a linear and progressive manner

JWT Authentication Stored In An HTTP-Only Cookie

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

Who Should Attend

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

Target Audiences

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

This is a single-project course, meaning that we spend almost 13 hours building an eCommerce shop using the MERN stack along with Redux Toolkit. We start from absolute scratch with an empty folder. You will learn everything from setting up a server, modeling data, creating a MongoDB database, seeding data, creating the UI, managing state with Redux, authentication with JWT and much much more.

The ProShop platform that we will be building will include the following features:

Full-featured shopping cart with quantity

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) with HTTP-Only cookie

Creating custom authentication middleware

Custom error handler

Integrating the PayPal API

Environment variables

Project deployment

Much more!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome To The Course

Lecture 2: Course Project Intro

Lecture 3: Course Code Repo

Lecture 4: Getting Setup

Chapter 2: Starting The Front End

Lecture 1: React Setup & Git Initialize

Lecture 2: Header & Footer Componenets

Lecture 3: Custom Bootstrap Theme

Lecture 4: List Products

Lecture 5: Implement React Router

Lecture 6: Rating Component

Lecture 7: Product Details Page

Chapter 3: Serving & Fetching Data

Lecture 1: Full Stack Workflow & Explanation

Lecture 2: Express Server & Initial Product Routes

Lecture 3: Nodemon & Concurrently

Lecture 4: Environment Variables

Lecture 5: Fetch Products

Chapter 4: Starting MongoDB & Mongoose

Lecture 1: MongoDB Atlas Setup

Lecture 2: MongoDB Compass Setup

Lecture 3: Connect With Mongoose

Lecture 4: Modeling Our Data

Lecture 5: Prepare Sample Data

Lecture 6: Seeding Sample Data

Lecture 7: Getting Started With Postman

Lecture 8: Get Products From Database

Lecture 9: Custom Error Middleware

Lecture 10: Product Controller

Chapter 5: Redux Toolkit Setup & State Management

Lecture 1: Redux & State Overview

Lecture 2: Redux Store & API Slice

Lecture 3: Products API Slice & Get Products Endpoint

Lecture 4: Get Product Details Endpoint Challenge

Lecture 5: Loader & Message Components

Chapter 6: Shopping Cart Functionality

Lecture 1: Cart Slice & Reducer

Lecture 2: Add To Cart Function

Lecture 3: Qty & Add To Cart Handler

Lecture 4: Cart Utils File

Lecture 5: Item Count In Header

Lecture 6: Cart Screen

Lecture 7: Remove From Cart

Chapter 7: Backend Authentication

Lecture 1: User Routes & Controller

Lecture 2: User Email & Password Validation

Lecture 3: How Do JSON Web Tokens Work?

Lecture 4: JWT HTTP Only Cookie

Lecture 5: Auth Middleware & Endpoint

Lecture 6: Logout User & Clear Cookie

Lecture 7: User Register Endpoint & Encryption

Lecture 8: User Profile Endpoints

Chapter 8: Frontend Authentication

Lecture 1: Auth & User API Slice

Lecture 2: Login Screen

Lecture 3: Login Functionality

Lecture 4: User Logout

Lecture 5: User Registration

Chapter 9: Checkout Process – Part 1

Lecture 1: Shipping Screen

Lecture 2: Private Routes

Lecture 3: Checkout Steps Component

Lecture 4: Payment Method

Lecture 5: Order Routes & Controller

Lecture 6: Create & Get Orders

Lecture 7: Order API Slice & Start Order Screen

Lecture 8: Creating An Order

Chapter 10: Checkout Process – Part 2

Lecture 1: Order Page

Lecture 2: PayPal Setup & Order Paid

Lecture 3: React -PayPal Integration

Lecture 4: PayPal Buttons

Lecture 5: User Profile & Update

Lecture 6: Display Order History

Chapter 11: Admin Functionality

Lecture 1: Admin Route Component

Lecture 2: List Orders For Admin

Lecture 3: Deliver Order Status

Lecture 4: List Products For Admin

Lecture 5: Creating Products

Lecture 6: Edit Product

Lecture 7: Update Product Bug Fix

Lecture 8: Multer & Image Upload Endpoint

Lecture 9: Upload Product Image – Frontend

Lecture 10: Delete Products

Lecture 11: Backend User Routes

Lecture 12: List Users For Admin

Lecture 13: Delete Users

Lecture 14: Update Users

Chapter 12: Reviews, Search & More

Lecture 1: Create Reviews – Backend

Lecture 2: Create Reviews – Frontend

Lecture 3: Paginate Products

Lecture 4: Paginate Component

Lecture 5: Search Products

Lecture 6: Search Box Component

Lecture 7: Product Carousel

Lecture 8: Page Titles

Chapter 13: Deploy To Production

Instructors

Brad Traversy
Full Stack Web Developer & Instructor at Traversy Media

Rating Distribution

1 stars: 73 votes

2 stars: 97 votes

3 stars: 412 votes

4 stars: 1849 votes

5 stars: 5248 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!