For Web Developers Hungry To Build An E-Commerce Web Application
Insane technical knowledge finally revealed to you so you can build any application you can dream of. Check out this overview of the project that you will learn to build inside this course that's filled with straight to the point and detailed explanations. There is no fluff here, you learn to build an advanced eCommerce application in the fastest way possible and with clean code that allows you to easily build on top of it so you can make your dream application.
Course Pre-Requisites
- Basics of HTML, CSS, and JavaScript
- Basics of Python
- Knowing a bit of Bootstrap could help but not required
- Basic understanding of Django and React would help a lot
- Understanding a bit of redux would help a lot
Django & React E-Commerce Masterclass Curriculum
Course Length: 36.5h
Section 1 - Overview and Environment Setup (46m 28s)
Available in
days
days
after you enroll
Section 2 - Initial Project Setup (58m 21s)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
Section 6 - Categories on Frontend (26m 48s)
Available in
days
days
after you enroll
Section 7 - Products on Backend (2h 20m 46s)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
Section 19 - Wishlist on Backend (1h 23m 53s)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)
Available in
days
days
after you enroll
- 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)