Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn 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 From Scratch 2023 | eCommerce Platform

MERN From Scratch 2023 | eCommerce Platform

Loại khoá học: Web Development

JUST UPDATED! Build an eCommerce platform from the ground up with React, Redux Toolkit, Express & MongoDB

image
50.000 VND
130 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ả

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!


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

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

Yêu cầu

  • You should know modern JS fundamentals and the basics of React

Nội dung khoá học

14 sections

Introduction

4 lectures
Welcome To The Course
02:57
Course Project Intro
07:01
Course Code Repo
01:49
Getting Setup
04:40

Starting The Front End

7 lectures
React Setup & Git Initialize
10:10
Header & Footer Componenets
10:04
Custom Bootstrap Theme
03:38
List Products
08:45
Implement React Router
08:03
Rating Component
08:11
Product Details Page
09:53

Serving & Fetching Data

5 lectures
Full Stack Workflow & Explanation
03:41
Express Server & Initial Product Routes
09:54
Nodemon & Concurrently
04:28
Environment Variables
03:30
Fetch Products
09:45

Starting MongoDB & Mongoose

10 lectures
MongoDB Atlas Setup
05:03
MongoDB Compass Setup
01:45
Connect With Mongoose
04:41
Modeling Our Data
13:57
Prepare Sample Data
04:51
Seeding Sample Data
14:20
Getting Started With Postman
05:33
Get Products From Database
12:21
Custom Error Middleware
07:33
Product Controller
05:37

Redux Toolkit Setup & State Management

5 lectures
Redux & State Overview
07:13
Redux Store & API Slice
14:16
Products API Slice & Get Products Endpoint
13:02
Get Product Details Endpoint Challenge
05:27
Loader & Message Components
05:54

Shopping Cart Functionality

7 lectures
Cart Slice & Reducer
04:36
Add To Cart Function
11:22
Qty & Add To Cart Handler
15:58
Cart Utils File
03:09
Item Count In Header
06:00
Cart Screen
21:48
Remove From Cart
06:27

Backend Authentication

8 lectures
User Routes & Controller
20:18
User Email & Password Validation
10:50
How Do JSON Web Tokens Work?
03:53
JWT HTTP Only Cookie
08:27
Auth Middleware & Endpoint
14:11
Logout User & Clear Cookie
03:14
User Register Endpoint & Encryption
10:15
User Profile Endpoints
06:14

Frontend Authentication

5 lectures
Auth & User API Slice
08:31
Login Screen
07:35
Login Functionality
19:38
User Logout
06:56
User Registration
08:53

Checkout Process - Part 1

8 lectures
Shipping Screen
13:19
Private Routes
03:45
Checkout Steps Component
05:38
Payment Method
09:58
Order Routes & Controller
15:42
Create & Get Orders
05:24
Order API Slice & Start Order Screen
08:15
Creating An Order
18:19

Checkout Process - Part 2

6 lectures
Order Page
14:46
PayPal Setup & Order Paid
05:52
React -PayPal Integration
12:22
PayPal Buttons
12:39
User Profile & Update
15:45
Display Order History
09:20

Admin Functionality

14 lectures
Admin Route Component
07:12
List Orders For Admin
06:50
Deliver Order Status
06:06
List Products For Admin
09:41
Creating Products
09:00
Edit Product
21:57
Update Product Bug Fix
01:15
Multer & Image Upload Endpoint
09:35
Upload Product Image - Frontend
08:07
Delete Products
07:12
Backend User Routes
04:26
List Users For Admin
07:24
Delete Users
04:04
Update Users
14:57

Reviews, Search & More

8 lectures
Create Reviews - Backend
04:44
Create Reviews - Frontend
13:05
Paginate Products
07:13
Paginate Component
09:26
Search Products
09:53
Search Box Component
06:53
Product Carousel
07:05
Page Titles
07:13

Deploy To Production

5 lectures
Prepare For Production
05:09
Deploy To Render
09:57
Add Server IP To MongoDB Atlas
01:09
Adding a Custom Domain
04:21
Wrap Up
01:36

Bug Fixes

2 lectures
Small Fixes
12:18
PayPal & Price Calculate Fixes
13:59

Đá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

How To Create 2D Defender Game With Unity & C#

How To Create 2D Defender Game With Unity & C#

749.000 VND
50.000 VND
The Complete UML Course (2024): Learn to Design UML Diagrams

The Complete UML Course (2024): Learn to Design UML Diagrams

25 VND
50.000 VND
Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

1.699.000 VND
50.000 VND
Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

1.499.000 VND
50.000 VND
Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

99 VND
50.000 VND
Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

1.699.000 VND
50.000 VND
Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

95 VND
50.000 VND
Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

70 VND
50.000 VND
Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

899.000 VND
50.000 VND
Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

1.699.000 VND
50.000 VND
Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

90 VND
50.000 VND
Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

79 VND
50.000 VND
WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

90 VND
50.000 VND
Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

99 VND
50.000 VND
Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

1.399.000 VND
50.000 VND
ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

1.699.000 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