Danh mục
Development
Web Development Data Storage Git Automation Database Design Web Scraping
Business
Business Analysis Communication Project Management Sales Forecasting Business Strategy Operations Management Human Resources Oil and Gas Industry
Finance & Accounting
IT & Software
Office Productivity
SAP Word Excel PowerPoint Excel VBA SharePoint
Personal Development
Persuasion Notion Workspace Mind Mapping
Design
Design Sketching Typography Game Design Digital Art zBrush 3D Animation
Marketing
SEO Marketing Strategy YouTube Marketing Digital Marketing Facebook Marketing Growth Hacking Twitter Marketing Instagram Marketing
Lifestyle
Beer Brewing Beauty Home Repair Energy Healing Bartending Leather Crafting Makeup Artistry Hypnotherapy
Music
Piano Guitar Singing Music Production Acoustic Guitar Fingerstyle Guitar Music Theory Bass Guitar
Duocmmo Tedu Tin học văn phòng Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Web Development
MERN Stack
MERN Stack Full Ecommerce Site - Using React, Redux, Node.js

MERN Stack Full Ecommerce Site - Using React, Redux, Node.js

Loại khoá học: Web Development

Build Powerful E-commerce Project using React, Redux Toolkit, Node.js, Express, MongoDB, Stripe from DEV to DEPLOYMENT

image
50.000 VND
79 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

If you want to learn Full Stack Web Development using MERN stack then you have arrived at the right page. In this course, you will How to Build a Fully Functional E-commerce website using the MERN Stack.


In this course, we will use four powerful technologies: React (Frontend), Node.js (Backend runtime environment), Express (Backend Framework), and MongoDB (Database).


But that's not all! We'll equip you with the Redux Toolkit for flawless state management, seamlessly process payments with Stripe, manage images effortlessly with Cloudinary, and ensure top-notch authentication and authorization practices with MERN stack.


SUPER FRIENDLY SUPPORT:

If you ever get stuck in any problem, I'm here to unstuck you. I always respond as fast as I can. Because I know there’s nothing worse than getting stuck into problems, especially programming problems. So, I am always here to support you.


So if you are really interested in full-stack development or if you want to learn real implementation of MERN stack, Then I will see you in the course. Below are course highlights that you can read:


  • Setting Up Environment

  • Starting with the ShopIT Backend

  • Adding Products Resource

  • Backend Error Handling

  • Adding Filter, Pagination, Search

  • Authentication & Authorization

  • User Routes

  • Adding Orders Resource

  • User Reviews

  • Starting with ShopIT Frontend

  • Implementing Redux

  • Adding Pagination, Search & Filters

  • Users & Authentication Frontend

  • Adding Shopping Cart

  • Handle Checkout & Payments

  • User Orders & Reviews

  • Admin Routes

  • Deployment


Bạn sẽ học được gì

Full Stack Web Development using MERN

How to Build powerful projects using MERN

Learn how to build powerful and fully functional E-commerce website using MERN

Learn how to build backend API using node and express

Learn about Redux Toolkit (Best state management tool)

Payment Integration using Stripe

Best Authentication practices

Add filters, search and pagination

Complete Admin Dashboard to manage products, orders, reviews, users

Integrate Sales Charts

Complete ratings & reviews system

Learn how to add third party site like cloudinary to upload images

Complete Cart & Checkout process

Deployment

and much more ...

Yêu cầu

  • Must understand and write bootstrap & JavaScript code
  • Must be familiar with main technologies like Node, React, MongoDB
  • Nothing else is required

Nội dung khoá học

45 sections

Introduction

2 lectures
Welcome to Course
01:38
ShopIT E-Commerce Project DEMO
17:47

Setting Up Environment

1 lectures
Installing tools
04:48

How to get SOURCE CODE of Project?

1 lectures
Get ShopIT Source Code
01:24

Let's start with ShopIT Backend

5 lectures
Basic Project Setup
08:50
Installing & Setting up Nodemon
04:54
Creating First Route
05:37
Setting Up Postman Environment
02:52
Connecting to MongoDB
05:49

Adding Products Resource

7 lectures
Creating Product Model
12:37
Admin - Create & Save Product
06:53
Display all Products
01:32
Creating Data Seeder
05:38
Get Single Product
03:47
Admin - Update Product
02:46
Admin - Delete Product
02:28

Backend Error Handling

7 lectures
Creating Error Handler Class
03:58
Creating Errors Middleware
06:16
Production Vs Development Errors
03:16
Handling Unhandled Promise Rejection
02:49
Handling Uncaught Exceptions
01:52
Catching Async Errors
04:59
Validation & Mongoose ID Error
06:01

Adding Filter, Pagination, Search

3 lectures
Search Products by Keyword
08:03
Filter Products
10:08
Implementing Pagination
05:26

Authentication & Authorization

14 lectures
Creating User Model
05:09
Encrypting Password while Registration
08:56
Generate JSON Web Token
07:28
Login User & Assign Token
06:17
Sending JWT Token in Cookie
07:14
Protect Routes from Unauthorized Users
07:43
Logout User
03:37
Authorize User Roles and Permissions
05:57
Adding User in Products
02:26
Generate Forgot Password token
04:25
Configure Nodemailer & Reset Password HTML Template
10:16
Send Password Recovery
09:56
Reset New Password
07:43
Handle Duplicate key & JWT Error
03:26

Handle User Routes

5 lectures
Get User Profile
04:09
Change / Update Password
05:18
Update User Profile
02:54
Admin - Get All Users & Specific User
05:06
Admin - Update & Delete User
05:33

Handle Orders Resource

5 lectures
Creating Order Model
08:45
Create & Save Order
07:26
Get Single Order & Logged in User Orders
05:56
Admin - Get all Order & Update/Process Order
10:44
Admin - Delete Order
02:04

User Reviews

3 lectures
Add New / Update Review
10:26
Get all Reviews of Product
02:59
Delete Product Review
09:53

Let's start with ShopIT Frontend

6 lectures
ShopIT HTML & CSS Details
02:11
Installing React & Cleaning Project
06:47
Header & Footer Component
05:14
ShopIT Homepage
02:57
Implementing React Router DOM
04:20
Add Custom Titles with Helmet
03:03

Implementing Redux Toolkit

7 lectures
What is Redux Toolkit & RTK Query?
05:15
Create Redux Toolkit Store
03:38
Fetch all Products Query
11:05
Fetch & Render Products for Redux State
09:21
Loader Component & Cache Behavior
04:53
Adding React Hot Toast
04:43
Product Details Page
12:00

Adding Pagination, Search & Filters

5 lectures
Adding Pagination
14:53
Search Products Component
08:29
Filter by Price
11:56
Filter by Category
13:54
Filter by Ratings
03:27

Authentication Frontend

5 lectures
Login User
12:01
Register User
07:23
Load Logged In User in State
18:18
Show User in Header
03:38
Logout User
06:39

Handle User & Protected Route

7 lectures
User Layout & Show User Profile
13:05
Update User Profile
10:25
ProtectedRoute Component
08:05
Setup Cloudinary for Images
07:47
Upload User Avatar
12:10
Fix Image Size Bug
03:15
Update User Password
05:05

Forgot & Reset Password

2 lectures
Handle Forgot Password
07:36
Handle Reset Password
07:43

Handle User Cart

6 lectures
Handle Quantity Selection
05:09
Add to Cart Button
12:46
Cart Component
08:45
Handle Quantity on Cart Component
05:17
Remove Cart Item
03:39
Handle Cart Summary
03:57

Handle Checkout & COD Order

4 lectures
Handle Shipping Info
12:29
Confirm Order Details
11:38
Checkout Steps Component
05:00
Payment Method & Place COD Order
10:28

Integrate Stripe for Payments

4 lectures
What is Stripe?
03:25
Stripe Checkout Session, Tax & Shipping Rates
21:20
What is Stripe Webhook?
05:25
Place on Successful Payment
22:56

User Orders, Invoice & Reviews

7 lectures
Logged In User Orders
10:13
Display Order Details
10:53
Clear Cart after Order
04:02
Generate Order Invoice
12:05
Submit Review
08:18
Display all Reviews
05:29
Can User Review
05:17

Admin Routes - Sales Charts & Product

11 lectures
Admin Layout & Authorize Role
12:00
Dashboard Component & Sales Chart
10:02
Sales Data Endpoint
25:13
Render Sales Data
09:29
Fix Time Zone Bug
01:38
Display All Products
07:35
Create New Product
08:16
Update Product
05:13
Upload Product Images
22:19
Delete Product Images
06:23
Delete Product
05:30

Admin Routes - Orders, User & Reviews

8 lectures
Display all Orders
04:58
Process/Update Order
16:16
Delete Order
02:45
Display all Users
03:43
Update User
07:44
Delete User with Image
02:41
Display Product Reviews
09:23
Delete Product Reviews
04:54

Deployment

2 lectures
Not Found Component & Preparing for Deploy
11:21
Deploying on Cyclic.sh
13:03

Final Words

1 lectures
Congratulations!!!
00:38

[OLD VERSION] Introduction to Course

2 lectures
Introduction to Old Course
02:31
DEMO of Old Project
15:52

[OLD VERSION] Let's start with ShopIT Backend

8 lectures
Get ShopIT Project GitHub Link
00:06
Basic Project Setup
07:03
Installing & Setting up Nodemon
02:58
Creating First Route
06:26
Setting Up Postman Environment
03:51
Install & Setup MongoDB Locally
04:38
Important Fix about Next Lecture
00:19
Connecting to MongoDB
05:16

[OLD VERSION] Adding Products Resource

9 lectures
Creating Product Model
13:41
Admin - Create & Save Product
09:15
Creating Data Seeder
08:19
Display all Products
02:51
Get Single Product
05:24
Important Note about Next Lecture
00:19
Admin - Update Product
06:22
Important Note about Next Lecture
00:14
Admin - Delete Product
05:08

[OLD VERSION] Backend Error Handling

7 lectures
Creating Error Handler Class
05:08
Creating Errors Middleware
06:40
Production Vs Development Errors
05:14
Catching Async Errors
05:25
Handling Unhandled Promise Rejection
04:24
Handling Uncaught Exceptions
03:12
Validation & Mongose ID Error
08:38

[OLD VERSION] Adding Filter, Pagination, Search

3 lectures
Search Products by Keyword
10:33
Filter Products
12:45
Adding Pagination
06:34

[OLD VERSION] Backend Authentication & Authorization

13 lectures
Creating User Model
09:53
Encrypting Password while Registration
15:26
Generate JSON Web Token
04:19
Login User & Assign Token
09:19
Sending JWT Token in Cookie
06:51
Protect Routes from Unauthorized Users
08:18
Logout User
05:35
Authorize User Roles and Permissions
05:37
Adding User in Products
02:42
Generate Forgot Password token
05:33
Send Password Recovery Email
20:08
Reset New Password
09:53
Handle Wrong JWT Token & Expire JWT Error
04:48

[OLD VERSION] User Routes

5 lectures
Show User Profile
05:51
Change / Update Password
06:47
Update User Profile
06:04
Admin - Get All Users & Specific User
06:26
Admin - Update & Delete User
11:15

[OLD VERSION] Adding Orders Resource

7 lectures
Creating Order Model
09:32
New Order Sample JSON
00:22
Create & Save Order
10:24
Get Single Order & Logged in User Orders
06:50
Admin - Get all Order
04:03
Admin - Update / Process Order
13:41
Admin - Delete Order
03:58

[OLD VERSION] User Reviews

3 lectures
Add New / Update Review
13:32
Get all Reviews of Product
04:04
Delete Product Review
07:13

[OLD VERSION] Let's start with ShopIT Frontend

8 lectures
ShopIT HTML & CSS Details
01:13
Installing React & Cleaning Project
11:28
Header & Footer Component
09:07
ShopIT Homepage
04:18
Important Note about react router DOM
00:25
Implementing React Router
04:40
Update about React Router DOM
01:38
Add Custom Titles
04:22

[OLD VERSION] Implementing Redux

10 lectures
What is Redux?
03:05
Create Redux Store
06:20
All Products Reducer
11:46
All Products Action
07:08
Fetching Products for Redux State
16:51
Loader Component
02:45
Adding React Alert
07:12
Product Details Reducer & Action
08:02
Update about location, match, history
02:57
Product Details Component
20:31

[OLD VERSION] Adding Pagination, Search & Filters

6 lectures
Adding Pagination
13:50
Search Products Component
10:28
Filter by Price
16:04
Important Note about Next Lecture
00:28
Filter by Category
09:41
Filter by Ratings
06:08

[OLD VERSION] Users & Authentication Frontend

16 lectures
Login User Reducer & Action
09:54
Login User Component
14:04
Register User Reducer & Action
04:53
Adding Cloudinary for Images
07:22
Register User Component
14:11
Load Logged In User
06:05
Show User in Header
13:37
Logout User
06:28
Show User Profile
08:18
ProtectedRoute Component
07:23
ProtectedRoute Component for React Router v6
06:42
Update User Profile Reducer & Action
09:38
Update User Profile Component
15:24
Update User Password
11:45
Handle Forgot Password
10:32
Handle New Password
13:38

[OLD VERSION] Adding Shopping Cart

6 lectures
Handle Quantity Selection
08:02
Add to Cart Button
15:56
Cart Component
08:22
Handle Quantity on Cart Component
05:18
Remove Cart Item
06:55
Handle Cart Summary
04:49

[OLD VERSION] Handle Checkout & Payments

9 lectures
Handle Shipping Info
20:35
Checkout Steps Component
08:59
Confirm Order Details
13:49
Adding Stripe on Backend
09:06
Send Stripe API to Frontend
04:22
Payment Component
12:57
Process Payment with Stripe
19:06
Create New Order Reducer & Action
08:56
Place & Confirm Order
11:06

[OLD VERSION] User Orders & Reviews

6 lectures
Logged in User Orders Reducer & Action
07:36
Logged In User Orders Component
16:06
Display Order Details
16:09
Submit Review Reducer & Action
05:40
Submit Review
17:59
Display all Reviews
07:11

[OLD VERSION] Admin Routes - Part 1

7 lectures
Admin Sidebar Component
04:38
Dashboard Component
09:22
Display All Products
18:20
New Product Reducer & Action
06:10
New Product Component
31:38
Delete Product
09:54
Update Product
19:34

[OLD VERSION] Admin Routes - Part 2

8 lectures
Display all Orders
14:17
Process Order Component
24:04
Delete Order
06:09
Display all Users
11:35
Update User
16:45
Delete User
06:55
Display Product Reviews
14:51
Delete Product Reviews
09:14

[OLD VERSION] Deployment

3 lectures
Connecting to Online DB & Preparing for deploy
11:20
Push on ShopIT on GitHub
06:30
Deploying ShopIT on Heroku
13:01

[OLD VERSION] Final Words

2 lectures
Your Task / Assignment for ShopIT
03:20
Congratulations !!!
00:38

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Khoá học liên quan

Backend RESTFul Server với Node.JS và Express (SQL/MongoDB)

Backend RESTFul Server với Node.JS và Express (SQL/MongoDB)

75 VND
50.000 VND
Flutter & Dart - The Complete Guide [2024 Edition]

Flutter & Dart - The Complete Guide [2024 Edition]

185 VND
50.000 VND
Angular - The Complete Guide (2024 Edition)

Angular - The Complete Guide (2024 Edition)

120 VND
50.000 VND
Typescript: The Complete Developer's Guide

Typescript: The Complete Developer's Guide

90 VND
50.000 VND
100 Days of Code: The Complete Python Pro Bootcamp

100 Days of Code: The Complete Python Pro Bootcamp

170 VND
50.000 VND
The Complete 2024 Web Development Bootcamp

The Complete 2024 Web Development Bootcamp

185 VND
50.000 VND
The Ultimate React Course 2024: React, Next.js, Redux & More

The Ultimate React Course 2024: React, Next.js, Redux & More

130 VND
50.000 VND
ROS2 Nav2 [Navigation 2 Stack] - with SLAM and Navigation

ROS2 Nav2 [Navigation 2 Stack] - with SLAM and Navigation

85 VND
50.000 VND
Django Masterclass : Build 9 Real World Django Projects

Django Masterclass : Build 9 Real World Django Projects

120 VND
50.000 VND
ROS2 For Beginners (ROS Foxy, Humble - 2024)

ROS2 For Beginners (ROS Foxy, Humble - 2024)

90 VND
50.000 VND
Cấu trúc dữ liệu và giải thuật Thực chiến với LeetCode

Cấu trúc dữ liệu và giải thuật Thực chiến với LeetCode

45 VND
50.000 VND
API TESTING MASTERCLASS -2023 using POSTMAN | NEWMAN |JMETER

API TESTING MASTERCLASS -2023 using POSTMAN | NEWMAN |JMETER

25 VND
50.000 VND
Developing a Multithreaded Kernel From Scratch!

Developing a Multithreaded Kernel From Scratch!

80 VND
50.000 VND
Introduction to VHDL for FPGA and ASIC design

Introduction to VHDL for FPGA and ASIC design

90 VND
50.000 VND
Microservices with Node JS and React

Microservices with Node JS and React

185 VND
50.000 VND
Java Design Patterns & SOLID Design Principles

Java Design Patterns & SOLID Design Principles

90 VND
50.000 VND
image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi