Packt+ | Advance your knowledge in tech

You're reading from MERN eCommerce from Scratch Create a comprehensive eCommerce platform using React, Redux Toolkit, Express, and MongoDB starting from scratch

Product type Video

Published in Dec 2020

Last Updated in Jun 2023

Publisher Packt

ISBN-13 9781801077545

Length 13hrs 7mins

Edition 1st Edition

Languages

JavaScript

Tools

MongoDB

Concepts

Full Stack Web Development

Author (1):

Brad Traversy

View More author details

Table of Contents (13) Chapters

1. Introduction FREE CHAPTER

Welcome to the Course
Course Project Introduction
Course Code Repo
Getting Set Up

2. Starting the Frontend

React Setup and Git Initialize
Header and Footer Components
Custom Bootstrap Theme
List Products
Implement React Router
Rating Component
Product Details Page

3. Serving and Fetching Data

Full-Stack Workflow and Explanation
Express Server and Initial Product Routes
Nodemon and Concurrently
Environment Variables
Fetch Products

4. Starting MongoDB and Mongoose

MongoDB Atlas Setup
MongoDB Compass Setup
Connect with Mongoose
Modeling Our Data
Prepare Sample Data
Seeding Sample Data
Getting Started with Postman
Get Products from Database
Custom Error Middleware
Product Controller

5. Redux Toolkit Setup and State Management

Redux and State Overview
Redux Store and API Slice
Products API Slice and Get Products Endpoint
Get Product Details Endpoint Challenge
Loader and Message Components

6. Shopping Cart Functionality

Cart Slice and Reducer
Add to Cart Function
Qty and Add to Cart Handler
Cart Utils File
Item Count In Header
Cart Screen
Remove from Cart

7. Backend Authentication

User Routes and Controller
User Email and Password Validation
How Do JSON Web Tokens Work?
JWT HTTP-Only Cookie
Auth Middleware and Endpoint
Logout User and Clear Cookie
User Register Endpoint and Encryption
User Profile Endpoints

8. Frontend Authentication

Auth and User API Slice
Login Screen
Login Functionality
User Logout
User Registration

9. Checkout Process - Part 1

Shipping Screen
Private Routes
Checkout Steps Component
Payment Method
Order Routes and Controller
Create and Get Orders
Order API Slice and Start Order Screen
Creating an Order

10. Checkout Process - Part 2

Order Page
PayPal Setup and Order Paid
React-PayPal Integration
PayPal Buttons
User Profile and Update
Display Order History

11. Admin Functionality

Admin Route Component
List Orders for Admin
Deliver Order Status
List Products for Admin
Creating Products
Edit Product
Update Product Bug Fix
Multer and Image Upload Endpoint
Upload Product Image - Frontend
Delete Products
Backend User Routes
List Users for Admin
Delete Users
Update Users

12. Reviews, Search, and More

Create Reviews - Backend
Create Reviews - Frontend
Paginate Products
Paginate Component
Search Products
Search Box Component
Product Carousel
Page Titles

13. Deploy to Production

Prepare for Production
Deploy to Render
Add Server IP to MongoDB Atlas
Adding a Custom Domain
Wrap Up

You're reading from MERN eCommerce from Scratch Create a comprehensive eCommerce platform using React, Redux Toolkit, Express, and MongoDB starting from scratch

Table of Contents (13) Chapters

Authors (1)

Personalised recommendations for you

You're reading from MERN eCommerce from Scratch Create a comprehensive eCommerce platform using React, Redux Toolkit, Express, and MongoDB starting from scratch

Table of Contents (13) Chapters

Unlock this book and the full library FREE for 7 days

Authors (1)

Personalised recommendations for you