Full Stack Ecommerce Mern App With Node.Js And React Mongodb

Build a complete Ecommerce including payment, passing through all the steps from creating login and logout, filter prod

What you'll learn

Create the back end of an ecommerce system using node js, create apis using node js, defining routes and consuming them , Manage data using MongoDb database on

create frontend using react, Express, Redux-Toolkit:, React Router, Mongoose, JsonWebToken, Dotenv, create frontend using react, Express, Redux-Toolkit:, React

Create the payment section of an e-commerce to receive credit card payments, Connect to MongoDb database and manage data

Create a complete E-Commerce with all the features of the best e-commerces on the market including payment and login

Requirements

Basic knowledge in node js and react

Description

Build a complete Ecommerce including payment, passing through all the steps from creating login and logout, filter prodEverything made from scratch until the final steps including all the features that all ecommerces have nowadaysCreate the back end of an ecommerce system using node js, create apis using node js, defining routes and consuming them ,  Manage data using MongoDb database onCreate frontend using react, Express, Redux-Toolkit:, React Router, Mongoose, JsonWebToken, Dotenv, create frontend using react, Express, Redux-Toolkit:, ReactCreate the payment section of an e-commerce to receive credit card payments, Connect to MongoDb database and manage dataCreate a complete E-Commerce with all the features of the best e-commerces on the market including payment and loginCreate the back end of an ecommerce system using node js, create apis using node js, defining routes and consuming them ,  Manage data using MongoDb database onCreate frontend using react, Express, Redux-Toolkit:, React Router, Mongoose, JsonWebToken, Dotenv, create frontend using react, Express, Redux-Toolkit:, ReactCreate the payment section of an e-commerce to receive credit card payments, Connect to MongoDb database and manage dataCreate a complete E-Commerce with all the features of the best e-commerces on the market including payment and login

Overview

Section 1: Content

Lecture 1 Create project

Lecture 2 Install react router dom

Lecture 3 Children route to home

Lecture 4 Copy assest folder

Lecture 5 Put Logo

Lecture 6 Customize search bar

Lecture 7 Create Cart and login button

Lecture 8 Start login page

Lecture 9 Customize login page

Lecture 10 Customize login page 2

Lecture 11 Sign up link and page

Lecture 12 Treatments login

Lecture 13 Create sign up

Lecture 14 Upload profile picture

Lecture 15 Handlechange upload file picture

Lecture 16 Create backend project

Lecture 17 Connect to mongodb

Lecture 18 Configure mongodb connection

Lecture 19 Create controller and model folder

Lecture 20 Configure user Signup controller

Lecture 21 Connecting signup api

Lecture 22 Configure signup page api call

Lecture 23 Install toastify

Lecture 24 Configure sign in controller

Lecture 25 Configure jwt

Lecture 26 Configure webtoken

Lecture 27 Login page configuration

Lecture 28 User details controller

Lecture 29 Token configuration

Lecture 30 Create context provider

Lecture 31 Getting User details with context

Lecture 32 Installing redux

Lecture 33 Configure user slice

Lecture 34 Loading Profile picture

Lecture 35 Logout configuration

Lecture 36 Handle logout and button

Lecture 37 Logout cookie config

Lecture 38 Admin panel nav menu

Lecture 39 Admin panel 2

Lecture 40 Admin panel 3

Lecture 41 All users and all products adm panel

Lecture 42 Fix problem

Lecture 43 All users admin panel

Lecture 44 Create admin all users table

Lecture 45 Admin all users table configuration

Lecture 46 Change user role

Lecture 47 Change user role 2

Lecture 48 Update user controller

Lecture 49 Change user role 3

Lecture 50 Change user role customization 4

Lecture 51 Refresh table after change user role

Lecture 52 Go to home after logout from admin panel

Lecture 53 Only user admin see admin panel nav

Lecture 54 All products

Lecture 55 Create upload product

Lecture 56 Upload product 1

Lecture 57 Upload product 2

Lecture 58 Upload product 3

Lecture 59 Upload product 4

Lecture 60 Upload product 5

Lecture 61 Upload product 6

Lecture 62 Upload product 7

Lecture 63 Upload product 8

Lecture 64 Setting up cloudinary

Lecture 65 Image to upload preview

Lecture 66 Display image component

Lecture 67 Upload product controller model

Lecture 68 Creating the first product

Lecture 69 Get product controller

Lecture 70 Create admin product card

Lecture 71 Admin product card edit functionality

Lecture 72 Update product controller

Lecture 73 Admin product card customization

Lecture 74 Display currency

Lecture 75 Uploading products

Lecture 76 Uploading products

Lecture 77 Category List

Lecture 78 Get Category product

Lecture 79 Category product

Lecture 80 Banner product

Lecture 81 Banner product 2

Lecture 82 Banner product 3

Lecture 83 Get category wise product

Lecture 84 Horizontal card product

Lecture 85 Horizontal card product 2

Lecture 86 Horizontal card product 3

Lecture 87 Horizontal card product 4

Lecture 88 Vertical card product

Lecture 89 Loading list

Lecture 90 Create product details

Lecture 91 Product details 1

Lecture 92 Product details 2

Lecture 93 Product details 3

Lecture 94 Product details 4

Lecture 95 Recommended products

Lecture 96 Add to cart button click

Lecture 97 Create add to cart controller

Lecture 98 Add to cart

Lecture 99 Add to cart count controller

Lecture 100 Assign count to cart

Lecture 101 Add to cart view product controller

Lecture 102 Cart

Lecture 103 Cart 1

Lecture 104 Cart 2

Lecture 105 Cart 3

Lecture 106 Cart 4

Lecture 107 Cart 5

Lecture 108 Cart 6

Lecture 109 Cart 7

Lecture 110 Cart 8

Lecture 111 Search product

Lecture 112 Search product 2

Lecture 113 Vertical product card

Lecture 114 Search product

Lecture 115 Search product 3

Lecture 116 Search product 4

Lecture 117 Category product 2

Lecture 118 Category product 3

Lecture 119 Filter product controller

Lecture 120 Category product

Lecture 121 Category product 5

Lecture 122 Category product 6

Lecture 123 Buy and add to cart buttons

Lecture 124 Create stripe account

Lecture 125 Create payment controller

Lecture 126 Payment controller

Lecture 127 Payment controller 2

Lecture 128 Payment controller 3

Lecture 129 Payment controller 4

Lecture 130 Payment controller 5

Lecture 131 Stripe checkout page

Lecture 132 Success page

Lecture 133 Cancel page

Lecture 134 Create order page

Lecture 135 Webhook controller

Lecture 136 Listen stripe event

Lecture 137 Webhook controller 2

Lecture 138 Webhook controler 3

Lecture 139 Webhook controller 4

Anyone with an interest in programming, programmers interested in improving their knowledge in Node js and React and MongoDb