Django And React: Build A Multi-Vendor E-Commerce Website

Django And React: Build A Multi-Vendor E-Commerce Website
Published 1/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 19.59 GB | Duration: 35h 52m

Create your online shop with Django and React! Build a store from the ground up in 2024.

What you'll learn

Build an Ecommerce website using Django with React

Full featured shopping cart and checkout experience

Advanced Payment gateway integration with PayPal, Stripe & credit/debit payments

Robust product rating & review system

Admin area to manage customers, products & orders

Vendor dashboard to manage seller product, orders, customers, coupons, reviews, settings e.t.c

Product search, carousel, pagination, filtering & more

Requirements

No top-programming experience is needed

Basic HTML & CSS Skills

Basic jаvascript Knowlege

Pen and Book

Access to internet

A computer devices (any spec will work :)

Description

Do you want to build your own multivendor e-commerce website using the top trending technologies of 2024?Do you want to build a system like Amazon or Etsy where other buyers can sell their products?Do you want to learn professional Django and react in 2024 to land a job at top tech companies?If "yes" is your answer to these questions, then.This course is your ultimate guide to building a powerful, scalable multivendor e-commerce website using the cutting-edge Django framework and React for a dynamic frontend.No prior experience with Django or React? No worries! This course takes you from beginner to master, step-by-step, equipping you with the skills and confidence to launch your own multi-vendor e-commerce empire.Here's what you'll learn:Part 1: Django Backend:Mastering Django Fundamentals: Understand the core concepts of Django, including models, views, templates, and databases.Building a Secure and Scalable Backend: Develop robust authentication, authorization, and user management systems.Product and Inventory Management: Create dynamic product listings, manage inventory levels, and handle variations.Vendor Onboarding and Management: Set up a seamless vendor registration and approval process; manage vendor profiles and permissions.Order Processing & Fulfillment: Implement efficient order processing workflows, integrate with payment gateways, and manage shipping options.API Development and Integrations: Build secure APIs for vendor interactions and seamless integration with third-party services.Robust Authentication System: A high-end authentication system using JSON web tokens (the best authentication system) in 2024.Part 2: React Frontend:React Essentials: Grasp the fundamentals of React, including components, state management, and routing.Building a Dynamic User Interface: Design and develop a user-friendly and responsive frontend for both buyers and vendors.Search and Filtering: Implement advanced search and filtering functionalities to enhance the user experience.Shopping Cart & Checkout: Build a secure and intuitive shopping cart system with a smooth checkout process.Real-time Updates and Notifications: Implement dynamic updates and notifications for orders, reviews, and other activities.Email Feature: Implement an advanced emailing system for sending invoices, order confirmations, and new sale notifications to vendors.Vendor Dashboards: Create personalized dashboards for vendors to manage products, orders, and performance.Vendor Dashboards: Create personalized dashboards for vendors to manage products, orders, and performance.Extra Features:Marketing and Promotions: Learn how to implement marketing strategies and promotional tools to attract both buyers and vendors.SEO Optimization: Optimize your website for search engines and maximize organic traffic.Security and Analytics: Implement robust security measures and track key metrics to improve your platform's performance.Deployment and Scalability: Learn how to deploy your website to production and scale it to meet growing demand.By the end of this course, you will:Build a fully functional multivendor e-commerce website from scratch.Master the power of Django and React for web development.Gain the skills and confidence to launch your own multivendor business.Become a valuable asset in the e-commerce industry.Don't miss this opportunity to unlock your entrepreneurial potential and become a multivendor e-commerce master!

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 FULL PROJECT DEMO

Lecture 3 Goal Of Course

Lecture 4 Tools Needed

Lecture 5 Meet Your Instructor

Section 2: Course Files and Materials | Downloadable ZIP Files

Lecture 6 Source Codes Boilerplate, Frontend Templates, PDFs and Project Files | Zip Files

Section 3: Setup Django Project Workspace

Lecture 7 Django Project Setup

Lecture 8 Custom Django Admin using Jazzmin Package

Lecture 9 Static and Media Files Configuration

Section 4: Setup React Project Workspace

Lecture 10 What is React?

Lecture 11 React Project Setup

Section 5: Django User & Profile Model AND Signals In Django

Lecture 12 Custom User and Profile Model

Lecture 13 Signals In Django

Lecture 14 Configure Django Admin

Lecture 15 User and Profile Serializer In Django

Section 6: Authentication System using JSON Web Token (JWT)

Lecture 16 What is JWT?

Lecture 17 Login Serializer using JWT

Lecture 18 Registeration Serializer

Lecture 19 TokenObtainPair API View (Login View)

Lecture 20 Register API View

Section 7: API Documentation

Lecture 21 API Documentation Using DRF-YASG

Section 8: React Utility Functions

Lecture 22 Store In React using Zustand

Lecture 23 Axios in React

Lecture 24 Authentication Function In React - Login, Logout, Register, TokenStorage e.t.c

Lecture 25 Extending Axios Lifecycle

Lecture 26 React.js Project Wrapper

Lecture 27 Private Routes Function In React.js

Section 9: Authentication Components In React.js

Lecture 28 Login Component In React.js

Lecture 29 Register Component In React.js

Lecture 30 Logout Component In React.js

Section 10: Password Reset in React.js and Django Rest Framework

Lecture 31 Password Reset API View

Lecture 32 Password Reset React.js Component

Lecture 33 Password Change Component in React.js and DRF

Section 11: Frontend Design and Template Installations In React.js

Lecture 34 Importing Frontend Template

Lecture 35 Updating the Components using Bootstrap

Section 12: Store Models using Django

Lecture 36 Category, Product and Vendor Models

Lecture 37 Gallery, Specs, Size & Color Models

Lecture 38 Cart, CartOrder & CartOrderItem Models

Lecture 39 Faqs, Reviews, Notifications, Coupons Models

Section 13: Model Serializer In Django

Lecture 40 Serializing Store Models

Section 14: Product, Category and Product Detail List API VIew using Django Restframework

Lecture 41 Product & Category List API View

Lecture 42 Product Detail API View

Section 15: Product List and Detail Component In React.js

Lecture 43 Product List Component in React.js

Lecture 44 Product Detail Component In React.js

Section 16: Cart API View and Tax Models/Calculations

Lecture 45 Cart API View (Part 1)

Lecture 46 Tax Calculation & Cart API Completion

Section 17: Store Functions In React.js

Lecture 47 Configure Size, Color and Qty Features

Lecture 48 Get User Country using React.js

Lecture 49 Get Users Information

Lecture 50 Get Cart ID

Section 18: Add To Cart Using React.js

Lecture 51 Add To Cart using React.js

Lecture 52 Product Variation In Product List

Lecture 53 Send Data to Cart API from React.js

Section 19: Alerts In React using SweetAlerts

Lecture 54 Alerts In React.js

Section 20: Conditionals Rendering In React.js

Lecture 55 Store Header Links Conditional Rendering

Section 21: Cart API view and Components using React.js and Django Restframework

Lecture 56 Creating the cart component

Lecture 57 Cart List API View

Lecture 58 Fetch Cart Item From API

Lecture 59 Cart Totals and Stats API View

Lecture 60 Cart Total in React Component

Lecture 61 Update Cart Quantity In React.js

Lecture 62 Update Cart using CartAPIView

Lecture 63 Cart Item Delete API View

Lecture 64 Cart Item Delete Function in React.js

Lecture 65 Shipping Details using React.js

Section 22: Create Order using React.js and Django Restframework

Lecture 66 Create CartOrder API View

Lecture 67 Create Order using React.js

Section 23: Checkout API View and React Component

Lecture 68 Checkout API View

Lecture 69 Checkout Component In React.js

Lecture 70 Fetch Order API using React.js

Section 24: Coupon Feature using Django Rest Framework and React

Lecture 71 Coupon List Create API View

Lecture 72 Apply and Activate Coupon Code

Section 25: STRIPE Payment Integrations Using DRF and React

Lecture 73 Stripe Checkout API View

Lecture 74 Environment Variables in Django

Lecture 75 Stripe Payment Using React.js

Lecture 76 Payment Success and Verifications API

Lecture 77 Stripe Payment Success Components In React.js

Lecture 78 Stripe Payment Verification - React.js

Section 26: Notification & Email System

Lecture 79 Notification System

Lecture 80 Email System

Section 27: PayPal Payment Integration using DRF and React.js

Lecture 81 PayPal Payment Integrations

Lecture 82 PayPal Access Token

Lecture 83 PayPal Payment Verification

Section 28: Reviews and Rating System

Lecture 84 Reviews List API View

Lecture 85 Create Review API

Lecture 86 Fetch Reviews For Product

Lecture 87 Create Review React Function

Section 29: Search Functionality

Lecture 88 Search Products API View

Lecture 89 Search Function Using React.js

Section 30: Cart Count Update - UseContext Hook in React.js

Lecture 90 85. Cart Count Update

Section 31: Customer Dashboard

Lecture 91 Customer Order List and Detail API View

Lecture 92 Customer Account Component

Lecture 93 Customer Profile API View

Lecture 94 Fetch User Profile Data

Lecture 95 Customer Order List Component

Lecture 96 Customer Order Stats

Lecture 97 Order Detail Component

Lecture 98 Wishlist API View

Lecture 99 Wishlist Component In React.js

Lecture 100 Add To Wishlist Component

Lecture 101 Notification API View

Lecture 102 Notification Component In React.js

Lecture 103 Profile Update Component In React.js

Lecture 104 Invoice List and Details Component

Section 32: Vendor Dashboard

Lecture 105 Vendor Dashboard Component

Lecture 106 Dashboard Stats API View

Lecture 107 Fetch Dashboard Stats In React Component

Lecture 108 Chart API View for Orders and Products

Lecture 109 Chart.js In React

Lecture 110 Product, Order and Revenue API View

Lecture 111 Earning, Monthly Earning, Reviews List and Detail API View

Lecture 112 Coupon List, Detail, Create and Stats API View

Lecture 113 Notification List, Summary, Mark as Seen API View

Lecture 114 Shop Fetch, Update API View

Lecture 115 Vendor Product Component

Lecture 116 Order List and Detail Component In React.js

Lecture 117 112. Earning Component In React.js

Lecture 118 Reviews Component In React.js

Lecture 119 Coupon Component In React.js

Lecture 120 Delete Coupon Function using React.js

Lecture 121 Coupon Create Function In React.js

Lecture 122 Coupon Update Component

Lecture 123 Notification Component

Lecture 124 Vendor Profile Update

Lecture 125 Shop Update Component

Lecture 126 Vendor Shop Page

Section 33: Product Create, Update, Delete API View and React.js Functions.

Lecture 127 Create Product Using React.js

Lecture 128 Product Create In React.Js Part 2

Lecture 129 124. Product Create API View using Django Resetframework

Lecture 130 Consume Product Create API View using React.js

Lecture 131 Product Update View and Component

Lecture 132 Delete Product Function & API View

Section 34: Deployment and Hosting

Lecture 133 GIT & GitHub - Push Code to GitHub

Lecture 134 AWS S3 Bucket - Hosting Static and Media Files

Lecture 135 Railway - Host Django API

Lecture 136 Postgres Database - Provision Database for the Project

Lecture 137 Netlify - Host React App using Netlify

Those looking to build a multivendor e-commerce startup,Django & or React JS developers looking to enhance there skills