Full Stack Web Development with React, MUI, Django, and DRF

Build and Deploy a Full Stack Web Application with React, Material UI, Django, and Django Rest Framework

Welcome to the course!

What you’ll learn

  • Develop REST APIs using Django and Django Rest Framework.
  • Develop Front End Apps using React.
  • Combine Django & Django Rest Framework with React to develop full stack applications.
  • Learn how to use Material UI.
  • Learn how to use React Router.
  • Form Validations.
  • Typical CRUD (Create, Read, Update, Delete) operations in web applications.
  • Filtering and Pagination.
  • Display charts using React.
  • Reset password feature.
  • Deploy applications to the cloud.
  • Integrate with Google reCAPTCHA.

Course Content

  • Introduction –> 4 lectures • 4min.
  • Django Project Setup, Base APIs Development –> 9 lectures • 19min.
  • Front End Setup, Integrate with Category APIs –> 20 lectures • 1hr 22min.
  • Authentication Module –> 8 lectures • 18min.
  • Integrate with Authentication Module –> 17 lectures • 1hr 8min.
  • Tasks Module –> 24 lectures • 1hr 18min.
  • Dashboard Module –> 9 lectures • 42min.
  • Reset Password Module –> 15 lectures • 45min.
  • Final Touch –> 6 lectures • 23min.
  • Deployment –> 6 lectures • 23min.

Auto Draft

Requirements

Welcome to the course!

 

This course uses various technologies including React, Material UI, Django, and Django Rest Framework to build a full stack web application.

 

We will use the technologies mentioned below when building the application

  • Django and Django Rest Framework
  • React (with hooks)
  • Material UI
  • React router
  • Formik
  • Testing APIs with Postman
  • SQLite (during local development)
  • Postgresql (during production)
  • Deployment on Heroku
  • etc.

 

We will be covering the following topics during development

  • Common operations like create, read, update, and delete
  • Create relationships between Django Models
  • Pagination, Filtering, and Ordering
  • Sign in and Sign up
  • API authentication
  • Custom Permission
  • Reset password via reset password email
  • Data aggregation with custom view sets
  • Visualization of aggregated data using charts
  • Dark Theme
  • Front End Form Validations
  • Usage of Context and hooks on React
  • Usage of Material UI components
  • Google reCAPTCHA integration
  • Environment Variables (for both local development and production)
  • etc.

 

This course is for you if

  • You have worked with React, Django, and Django Rest Framework before, and wants to learn how to build a full stack web application with these technologies
  • You have used React before and want to learn how to use Material UI
  • You want to have a template for building your own portfolio project

 

Please check out the free preview videos as well and you can try out the course risk-free as you can refund the course within 30 days, no questions asked.

Get Tutorial