Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Django & React E-Commerce Masterclass
Section 1 - Overview and Environment Setup (46m 28s)
1.0 Course Project Overview (12:36)
1.1 Course Structure and Asking Quesitons (4:44)
1.1 GitHub & Private Facebook Page Links
1.2 Environment Setup (21:09)
1.3 Application Structure (7:59)
Section 2 - Initial Project Setup (58m 21s)
2.0 Note
2.0 Initializing Backend (6:24)
2.1 Initial Settings (5:44)
2.2 Database Setup (2:41)
2.3 Email Setup (4:03)
2.4 Root URLs (5:12)
2.5 Note [IMPORTANT]
2.5 Create React Project (5:26)
2.6 Folder Structure (8:08)
2.7 Redux Overview (7:39)
2.8 Bootstrap and Redux Initial Setup (4:42)
2.9 Finishing Setup (5:21)
2.10 Axios Default Behaviour (3:01)
Section 3 - Authentication on Backend (1h 40m 9s)
3.0 Getting Code Up To This Point (0:43)
3.0 GitHub Link
3.1 Authentication Overview (19:10)
3.2 Section Introduction (2:25)
3.3 JWT Settings (5:23)
3.4 Djoser Settings (5:55)
3.5 Djoser URLs (2:21)
3.6 Custom User Model (8:40)
3.7 User Serializers (3:38)
3.8 User Admin (2:20)
3.9 Auth Endpoints (13:53)
3.10 Reset Password (5:38)
3.11 OAuth2 Flow (8:35)
3.12 Social Auth Settings (8:09)
3.13 Google OAuth2 (6:49)
3.14 Facebook OAuth2 (6:30)
Section 4 - Authentication on Frontend (3h 11m 3s)
4.0 Signup Redux Setup (11:10)
4.1 Signup Container Part 1 (12:14)
4.2 Signup Container Part 2 (13:11)
4.3 Account Activation (12:43)
4.4 Navbar (9:55)
4.5 Alerts (12:32)
4.6 Login (6:31)
4.7 Load User (5:49)
4.8 Login Page (5:33)
4.9 Stay Logged In (15:21)
4.10 Logout (6:17)
4.11 Reset Password (9:59)
4.12 Reset Password Page (9:12)
4.13 Reset Password Confirm (6:24)
4.14 Reset Password Confirm Page (6:37)
4.15 Google OAuth2 Part 1 (13:08)
4.16 Google OAuth2 Part 2 (13:08)
4.17 Facebook OAuth2 (11:27)
4.18 Utilizing Status Codes (9:52)
Section 5 - Categories on Backend (26m 48s)
5.0 Getting Code Up To This Point (2:30)
5.0 GitHub Link
5.1 Category Model and Superuser (5:30)
5.2 Category Admin (2:53)
5.3 Category URLs (4:29)
5.4 Category Views (8:35)
5.5 Category API Testing (2:51)
Section 6 - Categories on Frontend (26m 48s)
6.0 Categories Action Creator and Reducer (7:19)
6.1 Utilizing Status Codes (0:54)
6.2 Shop Page Part 1 (8:05)
6.3 Shop Page Part 2 (10:30)
Section 7 - Products on Backend (2h 20m 46s)
7.0 Getting Code Up To This Point (2:09)
7.0 GitHub Link
7.1 Product Model (8:07)
7.2 Product Admin (6:01)
7.3 Read Product (10:52)
7.4 Get Products (7:47)
7.5 Search Part 1 (9:36)
7.6 Search Part 2 (14:40)
7.7 Related Products (13:21)
7.8 Filter Products Part 1 (8:48)
7.9 Filter Products Part 2 (8:32)
7.10 Read Product API Testing (7:16)
7.10 Product Image Download Links
7.11 Get Products API Testing (12:27)
7.12 Search Products API Testing (9:49)
7.13 Related Products API Testing (10:29)
7.14 Filter Products API Testing (10:52)
Section 8 - Products on Frontend (2h 33m 28s)
8.0 Product Dispatch Types (5:41)
8.1 Get Products Action Creator (4:41)
8.2 Get Products By Arrival And Sold (9:45)
8.3 Home Page Part 1 (7:25)
8.4 Home Page Part 2 (7:58)
8.5 Home Page Part 3 (10:32)
8.6 Product Detail Part 1 (13:43)
8.7 Product Detail Part 2 (10:39)
8.8 Product Detail Part 3 (12:19)
8.9 Filter Products Action Creator (4:41)
8.10 Shop Page Part 1 (8:26)
8.11 Shop Page Part 2 (7:57)
8.12 Shop Page Part 3 (8:13)
8.13 Search Products Action Creator (9:18)
8.14 Utilizing Status Codes (6:21)
8.15 Search Part 1 (3:52)
8.16 Search Part 2 (7:12)
8.17 Search Part 3 (7:15)
8.18 Search Part 4 (7:30)
Section 9 - Cart Functionality on Backend (1h 53m 31s)
9.0 Getting Code Up To This Point (2:01)
9.0 GitHub Link
9.1 Cart Model (6:27)
9.2 Get Cart Items (8:54)
9.3 Add Cart Item (14:34)
9.4 Get Total Cost (7:07)
9.5 Get Total Cart Items (2:51)
9.6 Update Cart Item (6:39)
9.7 Remove Cart Item (8:11)
9.8 Empty Cart (4:03)
9.9 Synch Cart (15:12)
9.10 Delete User Account (7:52)
9.11 API Endpoint Testing Part 1 (7:30)
9.12 API Endpoint Testing Part 2 (3:29)
9.13 API Endpoint Testing Part 3 (4:24)
9.14 API Endpoint Testing Part 4 (4:50)
9.15 Synch Cart API Endpoint Testing (6:45)
9.16 Synchronize Cart Bug Fix (2:42)
Section 10 - Cart Functionality on Frontend (2h 50m 58s)
10.0 Dispatch Types (6:45)
10.1 Add Cart Item (14:21)
10.2 Get Cart Items (4:33)
10.3 Get Total Cost (7:33)
10.4 Get Total Number Of Cart Items (5:51)
10.5 Update Cart Item (7:27)
10.6 Remove Cart Item (7:24)
10.7 Empty Cart (4:35)
10.8 Synch Cart (5:56)
10.9 Add To Cart Button On Card (6:56)
10.10 Add To Cart On Home Page (6:51)
10.11 Add To Cart On Shop Page (5:33)
10.12 Add To Cart On Search Page (4:23)
10.13 Add To Cart On Product Detail Page (7:02)
10.14 Cart Page Setup (7:39)
10.15 Cart Page Logic (8:55)
10.16 Cart Checkout Button (5:18)
10.17 Adjusting Auth Action Creators (2:36)
10.18 Update Cart On Page Refresh (5:43)
10.19 Cart Item Card Part 1 (7:22)
10.20 Cart Item Card Part 2 (11:30)
10.21 Cart Item Card Part 3 (10:31)
10.22 Finishing Cart Page (8:06)
10.23 Go To Cart Page (8:08)
Section 11 - Shipping (1h 6m 11s)
11.0 Getting Code Up To This Point (2:34)
11.0 GitHub Link
11.1 Shipping Model (6:34)
11.2 Register Shipping To Admin (3:09)
11.3 Shipping Serializer (2:16)
11.4 Get Shipping Options View (5:24)
11.5 Get Shipping Options URL Endpoint (2:00)
11.6 Get Shipping Options API Endpoint Testing (3:10)
11.7 Shipping Action Creator (5:15)
11.8 Shipping Reducer (3:13)
11.9 Private Route (10:43)
11.10 Checkout Page Part 1 (7:59)
11.11 Checkout Page Part 2 (4:56)
11.12 Checkout Page Part 3 (8:58)
Section 12 - Orders on Backend (51m 49s)
12.0 Getting Code Up To This Point (2:08)
12.0 GitHub Link
12.1 Order Models Part 1 (6:15)
12.2 Code To Copy
12.2 Order Models Part 2 (6:29)
12.3 Register Order Model To Admin (4:58)
12.4 List Orders View (8:56)
12.5 List Order Detail View (10:15)
12.6 Order API URL Endpoints (2:49)
12.7 Orders API Endpoint Testing (9:59)
Section 13 - Payments on Backend with Braintree (1h 31m 40s)
13.0 Getting Code Up To This Point (2:29)
13.0 GitHub Link
13.1 Braintree Setup (4:29)
13.2 PayPal Setup (6:54)
13.3 Generate Token View (7:11)
13.4 Get Payment Total Info Part 1 (9:10)
13.5 Get Payment Total Info Part 2 (11:27)
13.6 Process Payment Part 1 (5:29)
13.7 Process Payment Part 2 (9:55)
13.8 Process Payment Part 3 (11:16)
13.9 Process Payment Part 4 (12:06)
13.10 URL Endpoints (3:06)
13.11 API Endpoint Testing (6:23)
Section 14 - Payments on Frontend with Braintree (1h 36m 24s)
14.0 Payment Dispatch Types (3:47)
14.1 Get Payment Info Action Creator (7:45)
14.2 Get Payment Info Reducer Setup (4:04)
14.3 Get Braintree Token (4:17)
14.4 Process Payment (10:41)
14.5 Thank You Page And Not Found Page (10:22)
14.6 Checkout Part 1 (8:30)
14.7 Checkout Part 2 (10:33)
14.8 Checkout Part 3 (9:10)
14.9 Checkout Part 4 (11:39)
14.10 Code To Copy
14.10 Checkout Part 5 (15:36)
Section 15 - Orders on Frontend (1h 18m 39s)
15.0 Getting Code Up To This Point (3:13)
15.0 GitHub Link
15.1 Order Dispatch Types (2:31)
15.2 List Orders Action Creator (5:46)
15.3 List Orders Reducer (3:06)
15.4 Get Order Details (4:13)
15.5 Dashboard Link In NavBar (3:15)
15.6 Get Orders In Dashboard (6:05)
15.7 Display User Info (8:37)
15.8 User Dashboard Links (4:41)
15.9 Purchase History (11:25)
15.10 Order Item Detail Page (4:16)
15.11 Getting Order Details (5:09)
15.12 Showing Order Details (11:13)
15.13 Showing Order Items (5:09)
Section 16 - Coupons (1h 34m 53s)
16.0 Getting Code Up To This Point (2:50)
16.0 GitHub Link
16.1 Coupon Models (4:55)
16.2 Register Coupon In Admin (4:34)
16.3 Coupon Serializers (5:06)
16.4 Check Coupon View (6:30)
16.5 Coupon URL Endpoint (2:04)
16.6 Coupon Endpoint Testing (4:17)
16.7 Coupon Logic In Get Payment Total View (9:04)
16.8 Coupon Logic In Process Payment View (3:51)
16.9 Testing Get Payment Total View Coupon Logic (3:44)
16.10 Check Coupon Action Creator (8:09)
16.11 Coupon Reducer (2:52)
16.12 Adjusting Payment Action Creators For Coupon Logic (3:31)
16.13 Coupon Logic In Checkout Page (12:47)
16.14 Adjusting Checkout And Testing (15:07)
16.15 Final Tweaks (5:32)
Section 17 - User Profile on Backend (42m 29s)
17.0 Getting Code Up To This Point (3:02)
17.0 GitHub Link
17.1 User Profile Model (10:02)
17.2 User Profile Serializer (1:51)
17.3 Get User Profile View (4:53)
17.4 Update User Profile View (6:56)
17.5 User Profile URL Endpoints (2:35)
17.6 Delete User Account (6:29)
17.7 User Profile API Endpoint Testing (6:41)
Section 18 - User Profile on Frontend (1h 3m 50s)
18.0 Get User Profile Action Creator (7:33)
18.1 Profile Reducer (3:03)
18.2 Update User Profile (6:39)
18.3 Adjusting Layout (2:51)
18.4 Dashboard Part 1 (7:54)
18.5 Dashboard Part 2 (10:09)
18.6 User Profile Form (13:21)
18.7 Adjusting Checkout Page (12:20)
Section 19 - Wishlist on Backend (1h 23m 53s)
19.0 Getting Code Up To This Point (2:48)
19.0 GitHub Link
19.1 WishList Models (6:55)
19.2 Get WishList Items (10:05)
19.3 Add WishList Item Part 1 (10:47)
19.4 Add WishList Item Part 2 (6:44)
19.5 Adjust Cart Add Item View (6:41)
19.6 Get Total Number Of Wishlist Items (4:14)
19.7 Remove Wishlist Item (10:00)
19.8 Adjust Cart Synch Items View (4:58)
19.9 Testing Get Wishlist Items Endpoint (5:44)
19.10 Testing Adding Wishlist Items (6:18)
19.11 Testing Removing Wishlist Items (5:43)
19.12 Testing Synch Cart Items (2:56)
Section 20 - Wishlist on Frontend (1h 58m 4s)
20.0 Wishlist Dispatch Types (4:08)
20.1 Get Wishlist Items (7:41)
20.2 Add Wishlist Item (5:33)
20.3 Get Wishlist Item Total (4:56)
20.4 Remove Wishlist Item (5:43)
20.5 Adjusting Card (5:59)
20.6 Toggle Adding And Removing From Wishlist (5:44)
20.7 Using Font Awesome (7:43)
20.8 Card Wishlist Heart Icon (8:29)
20.9 Wishlist Functionality On Home Page (8:59)
20.10 Wishlist Functionality On Shop Page (5:15)
20.11 Wishlist Functionality On Search Page (5:13)
20.12 Wishlist Functionality On Product Detail Page (12:20)
20.13 Clear Wishlist On Logout (5:49)
20.14 Get Wishlist Items On Login (2:59)
20.15 Wishlist Page Route (6:47)
20.16 Get Wishlist Details On Page Refresh (2:29)
20.17 Wishlist Page Part 1 (7:59)
20.18 Wishlist Page Part 2 (4:18)
Section 21 - Reviews on Backend (1h 29m 14s)
21.0 Getting Code Up To This Point (3:00)
21.0 GitHub Link
21.1 Reviews Model (8:00)
21.2 Reviews Admin (3:29)
21.3 Get Product Reviews (11:29)
21.4 Get Product Review (5:52)
21.5 Create Product Review (11:07)
21.6 Update Product Review (5:31)
21.7 Delete Product Review (8:28)
21.8 Filter Product Reviews (10:27)
21.9 API Endpoint Testing Part 1 (7:50)
21.10 API Endpoint Testing Part 2 (14:01)
Section 22 - Reviews on Frontend (2h 5m 25s)
22.0 Reviews Dispatch Types (4:02)
22.1 Get Product Reviews (8:57)
22.2 Get Users Product Review (6:20)
22.3 Create Product Review (7:08)
22.4 Update Product Review (7:50)
22.5 Delete Product Review (6:19)
22.6 Filter Product Reviews (7:40)
22.7 Reviews Functionality In Product Detail Page (3:01)
22.8 Product Detail Page Form Logic (5:22)
22.9 Product Detail Page Leave Review (10:18)
22.10 Leave Review Component Part 1 (7:09)
22.11 Leave Review Component Part 2 (8:06)
22.12 Create, Update, And Delete Review Functionality (10:14)
22.13 Showing Previous Rating (5:44)
22.14 Note
22.14 Stars Component (8:47)
22.15 Displaying Product Reviews (8:29)
22.16 Filtering Reviews (9:59)
Section 23 - Deployment (2h 43m 45s)
23.0 Deployment Intro (2:20)
23.1 React Helmet Part 1 (9:05)
23.2 React Helmet Part 2 (11:43)
23.3 Tweaking Order Creation Process (17:02)
23.4 Final Tweaks (14:36)
23.5 Braintree Live Merchant Account (14:39)
23.6 Facebook And Google OAuth2 In Production (6:45)
23.7 Editing Project Structure For Production (11:13)
23.8 Resources For Following Lectures
23.8 Git Repository And Digitalocean (14:34)
23.9 Droplet Setup (9:03)
23.10 Notes
23.10 Getting App On Our Server (17:37)
23.11 Nginx Setup (5:49)
23.12 Domain Setup (10:58)
23.13 SSL Certificates (5:19)
23.14 Crontab Setup (4:48)
23.15 Production App Testing (8:14)
14.10 Code To Copy
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock