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 JavaScript 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
art 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