Udemy

Django with React | An Ecommerce Website

Enroll Now
  • 15,394 Students
  • Updated 2/2021
4.5
(2,575 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
18 Hour(s) 4 Minute(s)
Language
English
Taught by
Dennis Ivy, Brad Traversy
Rating
4.5
(2,575 Ratings)
3 views

Course Overview

Django with React | An Ecommerce Website

Build an eCommerce platform from the ground up with React, Redux, Django & Postgres

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.

Course Content

  • 10 section(s)
  • 84 lecture(s)
  • Section 1 Introduction
  • Section 2 Starting The Front End
  • Section 3 Serving & Fetching Data From Django
  • Section 4 Implementing Redux For State Management
  • Section 5 Adding To Shopping Cart
  • Section 6 Backend User Authentication
  • Section 7 Front End User Authentication
  • Section 8 Checkout Process (Part 1)
  • Section 9 Checkout Process (Part 2)
  • Section 10 Admin Screen (Part 1)

What You’ll Learn

  • 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


Reviews

  • J
    Jawad Mukhtar
    5.0

    I just watched the overview of the project , it seems like a fully functional website and that’s what I need. ⭐️

  • N
    Nathan
    4.5

    11/2025 - a few bugs from the code being older. but very easy to adjust. Everything is smooth and works well.

  • A
    Anas Niaz
    5.0

    the course is good should be upgraded to use react-toolkit & rtk query

  • C
    Carlos Gomez
    4.0

    This course was created using an older version of react (new when the video was released). So somethings are not working properly. You will need to go to the Q&A section to solve most of the issues. But for the rest everything is working fine.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed