Django & React Web App Tutorial - Authentication, Databases, Deployment & More...
Tech With Tim Tech With Tim
1.51M subscribers
126,461 views
0

 Published On Mar 26, 2024

In this video, you will learn how to use Python and JavaScript to create a full-stack web application. We will be using Django for the backend & React for the frontend as well as implementing authentication using JWT tokens. And as a bonus, I am going to show you how to deploy this application for free.

WSO2 Code Challenge: https://tinyurl.com/4whmzvsd
Choreo page: https://tinyurl.com/ywr7ak29
Choreo docs: https://tinyurl.com/2fvamzu9
Discord server for any questions:   / discord  

🎞 Video Resources 🎞
GitHub Repo (Completed Project): https://github.com/techwithtim/Django...
JWT Token Explainer Video:    • Understanding JSON Web Tokens | JWT E...  

⏳ Timestamps ⏳
00:00:00 | Video Overview
00:00:39 | Project Demo
00:03:03 | Win a Cybertruck or $100,000
00:04:32 | Backend Setup/Installation
00:10:11 | Django Settings
00:14:39 | Understanding JWT Tokens
00:18:00 | Making The Registration View
00:25:40 | Connecting Our Auth Routes
00:32:58 | Creating Custom Models
00:38:57 | Writing Create, Read & Delete Views
00:50:38 | Frontend Installation/Setup
00:52:20 | Frontend Organization & Axios Setup
00:59:32 | Writing Protected Routes
01:08:57 | Navigation & Pages
01:16:35 | 404 Page
01:17:30 | Making A Generic Form
01:26:15 | Adding Form Styles
01:27:06 | Connecting The Login/Register Form
01:31:42 | Building The Home Page
01:44:10 | Building The Note Component
01:48:41 | Frontend Finishing Touches
01:52:20 | Database Deployment
02:00:03 | Deployment Configuration
02:05:02 | Choreo Project Setup
02:07:39 | Backend Deployment
02:14:30 | Frontend Deployment
02:16:23 | Connecting The Fronted To The Backend | 02:16:23

Hashtags
#techwithtim #djangoproject #djangorestframework #javascript

show more

Share/Embed