Full-Stack Airbnb Clone Tutorial: Django, Django Rest Framework & Next.js | With real time chat

Опубликовано: 02 Октябрь 2024
на канале: Code With Stein

29,155

1.1k

Welcome to this comprehensive 13-hour tutorial where you will learn how to build a full-stack clone of Airbnb from start to finish using Django, Django Rest Framework, and Next.js. This in-depth course covers everything you need to create a robust web application, including real-time chat features powered by sockets and a modern, responsive design using Tailwind CSS.

00:00:00 Introduction, Demo, Setup
00:22:10 Templates
02:18:10 User menu
02:28:14 Reusable modal
03:06:14 Docker and backend
03:51:18 Custom user model
04:08:10 App for properties
05:09:10 Authentication
05:39:40 Adding properties
07:12:10 Detail page
07:27:10 Booking
08:23:10 Landlord page
08:35:10 My properties
08:39:10 My reservations
08:49:10 Favorites
09:17:10 Chat page
09:41:10 Real time chat
10:50:10 Search and filters
11:51:10 Refresh tokens
11:58:10 Deployment

Whether you are a beginner or an experienced developer, this tutorial will guide you through the entire process, from setting up your development environment to deploying your application. Along the way, you will gain hands-on experience with essential web technologies and best practices in full-stack development.

By the end of this course, you will have a solid understanding of how to build scalable, interactive web applications and be equipped with the skills to create your own projects. Get ready to embark on this coding journey and enhance your development skills!

---

Code With Stein Premium

If you want to learn even more from me, check out my website https://codewithstein.com where you can track progress, talk to me and similar :-D

Support me

Donate: https://www.paypal.com/paypalme/codew...
Patreon:   / codewithstein
Merch: https://shop.spreadshirt.com/code-wit...

Important links

Discord:   / discord
Github (Frontend): https://github.com/SteinOveHelset/dja...
Github (Backend): https://github.com/SteinOveHelset/dja...
Twitter:   / codewithstein
Website: https://codewithstein.com

---

#codewithstein #django #nextjs #react #clone #tutorial #djangorestframework