Fullstack App with Session-Based Auth in Django & React.js (Vite) #django #react #vite

🚀 Welcome to the latest YouTube tutorial on django-react auth system! Learn how to build a secure Django session-based authentication system with Django, and React via Vite! 🔒💻 In this comprehensive tutorial, we'll cover everything you need to know about session-based authentication and why it's essential for securing your web applications. We'll also dive into critical security topics like XSS and CSRF, ensuring you have a solid understanding of web security best practices. 🍪 In the first 10 minutes, we'll break down the differences between token-based authentication and cookie 🍪 session-based authentication. You'll gain insights into the strengths and weaknesses of each approach, helping you make informed decisions for your projects. 🛡️ We'll also explore security threats like Cross-Site Scripting (XSS) and Cross-Site Request Forgery (CSRF) and discuss how session-based authentication mitigates these risks. Here's what you can expect in the tutorial: 1️⃣ Creating a Django Backend: We'll start by setting up the Django backend, writing the necessary code to handle user authentication. 2️⃣ Scaffolding React with Vite: Next, we'll show you how to scaffold a React application using the lightning-fast Vite tool. This will be the foundation of our frontend. 3️⃣ Styling with Bootstrap: We'll enhance the user interface of our application by incorporating Bootstrap for sleek and responsive styling. 4️⃣ Testing the Authentication System: Finally, we'll put our session-based authentication system to the test. You'll see how CSRF tokens and session IDs work, and we'll demonstrate how the authentication behavior changes when users log in and log out. ⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰ ⏰Timestamps: ⏰ 00:00 - Introduction ⏰ 00:48 - Session Based Auth Vs Token Based Auth ⏰ 02:29 - What is a Token ? ⏰ 03:22 - Security / XSS / CSRF ⏰ 05:47 - Build Django backend ⏰ 19:13 - Server Migration ⏰ 19:31 - Create Superuser for Admin Board ⏰ 20:18 - Django security settings ⏰ 22:17 - End of Django code ⏰ 22:29 - Subscribers Recognition ⏰ 22:46 - Scaffolding React using Vite ⏰25:26 - Coding App.jsx ⏰41:00 - Debugging in process! ⏰44:32 - Where is Bootstrap link ? ⏰44:42 - Setting up bootstrap ⏰46:40 - End of React code ⏰46:50 - Static settings in React ⏰47:10 - App Building with npm run build ⏰47:56 - Static settings in Django ⏰50:33 - Place Frontend folder in Django folder ⏰51:08 - Testing ⏰51:24 - Debugging ⏰52:13 - More Debugging ⏰52:28 - App Running / Demonstration ⏰54:14 - Outro ⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰⏰ 🔗 GitHub Repository: https://github.com/BekBrace/Django_React_Vite_Auth ⚠️ It’s very easy to help the channel! ⚠️ ➊ Like 👍 or 👎 the video ➋ Write a comment 💬 under the video (I answer almost everyone) ➌ Send video ✉️ to friends via social networks ➍ Watch the rest of the videos 🎥 on the channel. ✔️ Every completed item makes the channel better! Thanks friends! 🤝 🤗 👐 📱 Follow us on Social Media: 🔗 Telegram Channel: https://t.me/bekbrace 🔗 Instagram: https://www.instagram.com/bek_brace/ 🔗 Twitter: https://twitter.com/BekBrace Whether you're a seasoned developer or just starting with web development, this tutorial is packed with valuable insights and hands-on coding experience. By the end, you'll have a robust authentication system in place, fortified against common security threats. Don't miss out on this exciting tutorial! Hit the 'Subscribe' button, turn on notifications 🔔, and let's dive into the world of secure web authentication with Django, React, and Vite! 💪🔐💻 #Django #React #Vite #Authentication #WebSecurity #Tutorial #Development #Coding #WebDev #SessionAuth #Bootstrap #CSRF #XSS #SubscribeNow Join this channel to get access to perks: https://www.youtube.com/channel/UC7EVSn5inapL20oPSwAwEUg/join