Django with React - An Ecommerce Website

Django with React | An Ecommerce Website, available at $79.99, has an average rating of 4.31, with 84 lectures, based on 2410 reviews, and has 14330 subscribers.

You will learn about 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 This course is ideal for individuals who are Django & or React JS developers looking to enhance there skills It is particularly useful for Django & or React JS developers looking to enhance there skills.

Enroll now: Django with React | An Ecommerce Website

Summary

Title: Django with React | An Ecommerce Website

Price: $79.99

Average Rating: 4.31

Number of Lectures: 84

Number of Published Lectures: 84

Number of Curriculum Items: 84

Number of Published Curriculum Objects: 84

Original Price: $84.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

Django & or React JS developers looking to enhance there skills

Target Audiences

Django & or React JS developers looking to enhance there skills

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 Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: ProShop Demo & Prerequisites

Lecture 3: Resources & Environment

Lecture 4: A Message From Brad Traversy

Chapter 2: Starting The Front End

Lecture 1: React Setup

Lecture 2: Reach-Bootstrap Setup, Header & Footer Components

Lecture 3: HomeScreen Product Listing

Lecture 4: Rating Component

Lecture 5: Implementing React Router

Lecture 6: Product Details Screen

Chapter 3: Serving & Fetching Data From Django

Lecture 1: Frontend/Backend Workflow

Lecture 2: Building The Backend

Lecture 3: Fetching Data

Lecture 4: Database Setup & Admin Panel

Lecture 5: Modeling Our Data

Lecture 6: Product Image Field

Lecture 7: Static Files

Lecture 8: Serializing Data

Chapter 4: Implementing Redux For State Management

Lecture 1: An Overview of Redux

Lecture 2: Create Redux Store

Lecture 3: Product List Reducer & Action

Lecture 4: Bringing Redux Intro Home Screen

Lecture 5: Message & Loader Component

Lecture 6: Product Details Reducer & Action

Chapter 5: Adding To Shopping Cart

Lecture 1: Qty Select & Add To Cart

Lecture 2: Cart Reducer & Action

Lecture 3: Add To Cart Functionality

Lecture 4: Cart Screen

Lecture 5: Remove Items From Cart

Chapter 6: Backend User Authentication

Lecture 1: JSON Web Tokens Overview

Lecture 2: Postman Overview

Lecture 3: JSON Web Token Installation & Setup

Lecture 4: JWT Customization

Lecture 5: User Serializer

Lecture 6: Protected Routes

Lecture 7: Register User

Lecture 8: Login With Email

Lecture 9: URLs & Views Cleanup

Chapter 7: Front End User Authentication

Lecture 1: User Login Reducer & Action

Lecture 2: User Login Screen & Functionality

Lecture 3: User In Navbar & Logout

Lecture 4: User Register Reducer, Action & Screen

Lecture 5: Update Profile Endpoint

Lecture 6: Profile Screen & Get User Details

Lecture 7: Update User Profile

Lecture 8: User Details Bug Fix

Chapter 8: Checkout Process (Part 1)

Lecture 1: Shipping Screen & Save Address

Lecture 2: Checkout Steps Component

Lecture 3: Payment Screen & Save Payment Method

Lecture 4: Place Order Screen

Lecture 5: Order View & URL

Lecture 6: Create Order

Chapter 9: Checkout Process (Part 2)

Lecture 1: Get Order By Id Endpoint

Lecture 2: Order Details Reducer & Action

Lecture 3: Order Screen

Lecture 4: Update To Paid Endpoint

Lecture 5: Order Pay Reducer & Action

Lecture 6: PayPal Payments

Lecture 7: Orders In Profile Page

Chapter 10: Admin Screen (Part 1)

Lecture 1: User List Reducer, Action & Screen

Lecture 2: Admin User Delete

Lecture 3: Get User By ID & Update User Endpoints

Lecture 4: User Edit Screen & Get User Details

Lecture 5: Update User Functionality

Chapter 11: Admin Screen (Part 2)

Lecture 1: Admin Product List

Lecture 2: Delete Products

Lecture 3: Create & Update Products Endpoints

Lecture 4: Admin Create Product

Lecture 5: Product Edit Screen

Lecture 6: Edit Product Functionality

Lecture 7: Product Image Upload

Lecture 8: Admin Order List

Lecture 9: Mark Order As Delivered

Chapter 12: Product Reviews, Search & More

Lecture 1: Create Review Endpoint

Lecture 2: Frontend Product Reviews

Lecture 3: Product Search

Lecture 4: Pagination

Lecture 5: Product Carousel

Chapter 13: Getting Ready For Deployment, Postgres & Going Live

Lecture 1: Merging React Files With Django Project

Lecture 2: Adding HashRouter

Lecture 3: Switching to Postgres Database

Lecture 4: Adding Product Images to AWS S3 Bucket

Lecture 5: Deploying To Heroku

Lecture 6: Connecting A Custom Domain Name

Instructors

Dennis Ivy
Full Stack Developer & Online Instructor

Brad Traversy
Full Stack Web Developer & Instructor at Traversy Media

Rating Distribution

1 stars: 67 votes

2 stars: 53 votes

3 stars: 188 votes

4 stars: 662 votes

5 stars: 1441 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!