MERN STACK NODE API REACT E-Commerce with 100+ Solutions

Course Curriculum

Chapter 1: Project Overview and prerequisite

Lecture 1: Project overview by user

Lecture 2: Project overview by admin

Lecture 3: Are you ready for this course

Lecture 4: Download Source Code

Chapter 2: NodeJs – API Setup

Lecture 1: How to initialize your project with NPM

Lecture 2: How to create express server?

Lecture 3: How to continuously run express server using nodemon

Lecture 4: How to use import export in NodeJs

Lecture 5: How to use ENV and gitignore files in NodeJs

Chapter 3: NodeJs – Connect to MongoDB

Lecture 1: How to connect to MongoDB locally

Lecture 2: How to use mongo atlas as database in the cloud

Chapter 4: NodeJs – Route, Controller and Modal

Lecture 1: Routes and middlewares concept explained

Lecture 2: How to use controller functions

Lecture 3: How to create mongoose model using schema

Chapter 5: NodeJs – User Authentication

Lecture 1: How to use bcrypt to hash and compare password

Lecture 2: How to use morgan as a middleware to log request endpoints

Lecture 3: How to use Postman to test NodeJs API

Lecture 4: How to save data in MongoDB

Lecture 5: How to register user with validation and error responses

Lecture 6: How to generate JWT (json web token)

Lecture 7: How to login user using compare password

Chapter 6: NodeJs – User Authorization and Route Protection

Lecture 1: How to send authorization token in HTTP request headers

Lecture 2: How to protect routes using JWT verify

Lecture 3: How to protect routes for admin users only using isAdmin middleware

Chapter 7: NodeJS – Category CRUD and Postman

Lecture 1: How to create category model

Lecture 2: How to make a POST request with JWT token in request headers and body

Lecture 3: How to create a category and save in MongoDB

Lecture 4: Creating category CRUD routes

Lecture 5: How to do CRUD with NodeJs and MongoDB

Lecture 6: How to test CRUD API endpoints using Postman

Chapter 8: NodeJs – Product CRUD and Image Upload with FormData

Lecture 1: How to write product schema to create product model

Lecture 2: Creating product using JSON data vs form data

Lecture 3: How to handle form data with image upload and apply validation

Lecture 4: How to save a product in MongoDB

Lecture 5: How to send a list of products as JSON response

Lecture 6: How to fetch single product from MongoDB

Lecture 7: How to send photo for each product

Lecture 8: How to delete a product from MongoDB

Lecture 9: How to update product in MongoDB

Chapter 9: React – Project Setup, Pages, Routing and Styling with Bootstrap

Lecture 1: How to create a new React project

Lecture 2: How to create pages in React

Lecture 3: How to add routing system to React app

Lecture 4: How to use Bootstrap CSS in React app

Lecture 5: How to create navigation menu using Bootstrap 5

Lecture 6: How to create a Jumbotron in Bootstrap 5

Chapter 10: React – React Components, Hooks, Forms, Axios and Toast Notifications

Lecture 1: How to make reusable components in React using props

Lecture 2: How to use useState hook in React to store user input

Lecture 3: How to create a user registration form in React

Lecture 4: Making API request using Axios

Lecture 5: How to inspect API request error messages in React

Lecture 6: How to resolve CORS issue and show error messages using Toast notifications

Lecture 7: How to create a working login page in React

Chapter 11: React – Context and Local Storage

Lecture 1: How to create context and access it's value in React

Lecture 2: Saving user login response in context

Lecture 3: Preserve the state on page reload using local storage

Chapter 12: React – Redirects, Private Route and Protecting Pages

Lecture 1: How to redirect user in React

Lecture 2: How to conditionally show and hide navigation links

Lecture 3: User dashboard page

Lecture 4: How to protect pages using private route in React using react router 6

Lecture 5: How to delay the redirect using setInterval

Lecture 6: How to show loading indicator

Lecture 7: How to protect routes based on server response

Chapter 13: React – Axios Configuration and Role Based Rediercts

Lecture 1: How to configure Axios with base url and token

Lecture 2: How to create 404 page not found in React

Lecture 3: How to take user to intended page after login

Lecture 4: How to create role based routing with dropdown option

Chapter 14: React – Admin Dashboard, Sidebar and Access Control

Lecture 1: Create admin dashboard page

Lecture 2: How to restrict access to admin user only

Lecture 3: How to create admin sidebar menu

Lecture 4: Admin pages with shared sidebar menu

Lecture 5: User pages with shared sidebar menu

Chapter 15: React – Categories CRUD

Lecture 1: How to make Axios POST request to create category from React app

Lecture 2: How to display all categories in React

Lecture 3: How to move code to components for reusability

Lecture 4: How to use Ant design Modal to update category

Lecture 5: How to make Axios PUT request to update category

Lecture 6: How to make Axios DELETE request from React app

Chapter 16: React – Image Upload and Searchable Dropdown

Lecture 1: How to use searchable Select dropdown to show categories list

Lecture 2: How to select image files to upload in React

Lecture 3: How to show image preview of uploading file in React

Chapter 17: React – Products CRUD

Lecture 1: How to build a form to create a product

Lecture 2: How to post form data to create product with image

Lecture 3: How to show list of products for admin