Django & React Web App Tutorial - Authentication, Databases, Deployment & More...
Tech With Tim
@techwithtimAbout
I'm Tim, a self-taught developer & entrepreneur who brings you educational tech content without the fluff and noise. I went from a broke dropout working at McDonalds to making $100k+/month as a developer, travelling the world and moving to Dubai all before the age of 22. I've since helped thousands of aspiring developers land their first software engineering role and assisted mid-level devs land jobs at companies like google. Max landed his first developer job 3 weeks after going through my training. Youssef was laid off and landed a new role in 2 months while working with me. Jamario landing competing job offers before graduating college. If you want to learn more you can click the first link and watch my free training on how we help developers who already know how to code get hired by top tech companies.
Latest Posts
Video Description
GET MY FREE SOFTWARE DEVELOPMENT GUIDE👇 https://training.techwithtim.net/free-guide 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: https://discord.com/invite/wso2 🎞 Video Resources 🎞 GitHub Repo (Completed Project): https://github.com/techwithtim/Django-React-Full-Stack-App JWT Token Explainer Video: https://www.youtube.com/watch?v=vLTJ_03Dq4M ⏳ 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
Revamp Your Entryway Today
AI-recommended products based on this video
VASAGLE EKHO Collection - Bench for Entryway Bedroom, Synthetic Leather with Stitching, Ottoman Bench with Steel Legs, Living Dining Room, Mid-Century Modern, Loads 660 lb, Forest Green ULOM076C01
VASAGLE EKHO Collection - Storage Ottoman Bench, Entryway Bedroom Bench, 25 Gallons, Synthetic Leather with Stitching, Mid-Century Modern, Safety Hinges, Loads 660 lb, Forest Green ULOM075C01
VASAGLE EKHO Collection - Storage Ottoman Bench, Entryway Bedroom Bench, 15 Gallons, Synthetic Leather with Stitching, Mid-Century Modern, Safety Hinges, Loads 660 lb, Caramel Brown ULOM074K01
VASAGLE EKHO Collection - Shoe Bench, Storage Bench, Shoe Rack Bench Entryway, Synthetic Leather with Stitching, Mid-Century Modern, Loads 135 kg, 30 x 80 x 50 cm, Ink Black ULSB054B01
LaLaGreen Wood Planter Box for Plants (6 Pack, 4x4 Inch) Small Square Wooden Wall Planters for Indoor Plant, Hanging Window Flower Boxes Herb Planter Table Centerpiece Modern Home Garden Office Decor
VASAGLE EKHO Collection - Shoe Bench, Storage Bench, Shoe Rack Bench Entryway, Synthetic Leather with Stitching, Mid-Century Modern, Loads 135 kg, 30 x 80 x 50 cm, Ink Black ULSB054B01
VASAGLE EKHO Collection - Storage Ottoman Bench, Entryway Bedroom Bench, 25 Gallons, Synthetic Leather with Stitching, Mid-Century Modern, Safety Hinges, Loads 660 lb, Forest Green ULOM075C01
VASAGLE EKHO Collection - Storage Ottoman Bench, Entryway Bedroom Bench, 15 Gallons, Synthetic Leather with Stitching, Mid-Century Modern, Safety Hinges, Loads 660 lb, Caramel Brown ULOM074K01
VASAGLE EKHO Collection - Bench for Entryway Bedroom, Synthetic Leather with Stitching, Ottoman Bench with Steel Legs, Living Dining Room, Mid-Century Modern, Loads 660 lb, Forest Green ULOM076C01
VASAGLE EKHO Collection - Bench for Entryway Bedroom, Synthetic Leather with Stitching, Ottoman Bench with Steel Legs, Living Dining Room, Mid-Century Modern, Loads 660 lb, Forest Green ULOM076C01
VASAGLE EKHO Collection - Storage Ottoman Bench, Entryway Bedroom Bench, 25 Gallons, Synthetic Leather with Stitching, Mid-Century Modern, Safety Hinges, Loads 660 lb, Forest Green ULOM075C01
VASAGLE EKHO Collection - Storage Ottoman Bench, Entryway Bedroom Bench, 15 Gallons, Synthetic Leather with Stitching, Mid-Century Modern, Safety Hinges, Loads 660 lb, Caramel Brown ULOM074K01
VASAGLE EKHO Collection - Shoe Bench, Storage Bench, Shoe Rack Bench Entryway, Synthetic Leather with Stitching, Mid-Century Modern, Loads 135 kg, 30 x 80 x 50 cm, Ink Black ULSB054B01
Liquid Chalk Markers for Blackboards - Bold Color Dry Erase Marker Pens - Chalk Markers for Chalkboards Signs, Windows, Blackboard, Glass - 6mm Reversible Tip (8 Pack) - 24 Chalkboard Labels Included
VASAGLE EKHO Collection - Shoe Bench, Storage Bench, Shoe Rack Bench Entryway, Synthetic Leather with Stitching, Mid-Century Modern, Loads 135 kg, 30 x 80 x 50 cm, Ink Black ULSB054B01
VASAGLE EKHO Collection - Storage Ottoman Bench, Entryway Bedroom Bench, 25 Gallons, Synthetic Leather with Stitching, Mid-Century Modern, Safety Hinges, Loads 660 lb, Forest Green ULOM075C01
VASAGLE EKHO Collection - Storage Ottoman Bench, Entryway Bedroom Bench, 15 Gallons, Synthetic Leather with Stitching, Mid-Century Modern, Safety Hinges, Loads 660 lb, Caramel Brown ULOM074K01
VASAGLE EKHO Collection - Bench for Entryway Bedroom, Synthetic Leather with Stitching, Ottoman Bench with Steel Legs, Living Dining Room, Mid-Century Modern, Loads 660 lb, Forest Green ULOM076C01
VASAGLE EKHO Collection - Bench for Entryway Bedroom, Synthetic Leather with Stitching, Ottoman Bench with Steel Legs, Living Dining Room, Mid-Century Modern, Loads 660 lb, Forest Green ULOM076C01
VASAGLE EKHO Collection - Storage Ottoman Bench, Entryway Bedroom Bench, 25 Gallons, Synthetic Leather with Stitching, Mid-Century Modern, Safety Hinges, Loads 660 lb, Forest Green ULOM075C01
VASAGLE EKHO Collection - Storage Ottoman Bench, Entryway Bedroom Bench, 15 Gallons, Synthetic Leather with Stitching, Mid-Century Modern, Safety Hinges, Loads 660 lb, Caramel Brown ULOM074K01