Mô tả

In this course, we will build a completely customized eCommerce / shopping cart application from scratch using Django & REACT with the following functionality...

  • Full featured shopping cart

  • 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


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

  • JWT authentication (JSON web tokens)

  • Custom error handler

  • Integrating the PayPal API

  • Project deployment

  • Much more!


This project is a collaboration with Brad Traversy where we will be taking his original MEARN Stack ecommerce course and building it out with a Django backend instead of Node, JS & Express. Brad & I decided it would be fun to remake the exact same project with a Django backend/API and connect it to the same React frontend/design.


My hope is that you learn how not to only build out this application but add on your own features to it. We learn best by building & customizing our own projects.

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

Build an Ecommerce website using Django with React

Full featured shopping cart with PayPal & credit/debit payments

Product rating & review system

An actual real-world project built in a linear and progressive manner

Admin area to manage customers, products & orders

Product search, carousel, pagination & more

Yêu cầu

  • Basic understanding of Django and React
  • Basic HTML & CSS Skills
  • Basic JavaScript Knowlege

Nội dung khoá học

13 sections

Introduction

4 lectures
Introduction
03:45
ProShop Demo & Prerequisites
10:04
Resources & Environment
05:23
A Message From Brad Traversy
01:32

Starting The Front End

6 lectures
React Setup
07:53
Reach-Bootstrap Setup, Header & Footer Components
17:28
HomeScreen Product Listing
13:03
Rating Component
07:34
Implementing React Router
07:06
Product Details Screen
13:29

Serving & Fetching Data From Django

8 lectures
Frontend/Backend Workflow
03:38
Building The Backend
20:46
Fetching Data
12:50
Database Setup & Admin Panel
06:32
Modeling Our Data
27:02
Product Image Field
02:23
Static Files
05:40
Serializing Data
07:32

Implementing Redux For State Management

6 lectures
An Overview of Redux
05:23
Create Redux Store
06:50
Product List Reducer & Action
13:31
Bringing Redux Intro Home Screen
06:49
Message & Loader Component
05:40
Product Details Reducer & Action
11:59

Adding To Shopping Cart

5 lectures
Qty Select & Add To Cart
11:17
Cart Reducer & Action
14:30
Add To Cart Functionality
09:18
Cart Screen
20:53
Remove Items From Cart
04:40

Backend User Authentication

9 lectures
JSON Web Tokens Overview
05:22
Postman Overview
05:37
JSON Web Token Installation & Setup
09:50
JWT Customization
06:03
User Serializer
18:01
Protected Routes
07:25
Register User
10:49
Login With Email
08:34
URL's & Views Cleanup
10:26

Front End User Authentication

8 lectures
User Login Reducer & Action
13:57
User Login Screen & Functionality
20:34
User In Navbar & Logout
08:41
User Register Reducer, Action & Screen
16:00
Update Profile Endpoint
08:18
Profile Screen & Get User Details
18:16
Update User Profile
13:58
User Details Bug Fix
03:23

Checkout Process (Part 1)

6 lectures
Shipping Screen & Save Address
19:31
Checkout Steps Component
05:29
Payment Screen & Save Payment Method
13:06
Place Order Screen
24:17
Order View & URL
20:58
Create Order
25:41

Checkout Process (Part 2)

7 lectures
Get Order By Id Endpoint
08:21
Order Details Reducer & Action
06:21
Order Screen
17:19
Update To Paid Endpoint
02:42
Order Pay Reducer & Action
05:01
PayPal Payments
20:17
Orders In Profile Page
21:23

Admin Screen (Part 1)

5 lectures
User List Reducer, Action & Screen
28:57
Admin User Delete
11:16
Get User By ID & Update User Endpoints
06:43
User Edit Screen & Get User Details
15:47
Update User Functionality
12:13

Admin Screen (Part 2)

9 lectures
Admin Product List
09:55
Delete Products
11:25
Create & Update Products Endpoints
12:29
Admin Create Product
13:38
Product Edit Screen
13:22
Edit Product Functionality
13:44
Product Image Upload
15:00
Admin Order List
16:16
Mark Order As Delivered
15:33

Product Reviews, Search & More

5 lectures
Create Review Endpoint
18:49
Frontend Product Reviews
29:42
Product Search
15:01
Pagination
26:34
Product Carousel
18:59

Getting Ready For Deployment, Postgres & Going Live

6 lectures
Merging React Files With Django Project
08:14
Adding HashRouter
04:21
Switching to Postgres Database
30:53
Adding Product Images to AWS S3 Bucket
15:23
Deploying To Heroku
45:44
Connecting A Custom Domain Name
14:36

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

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.