🚀 Welcome to this complete full-stack development guide where we're creating an Airbnb clone using some of the latest and most efficient technologies in 2024! In this YouTube tutorial, we'll dive deep into using Spring Boot 3 for our backend development, Angular 17 for the frontend, and integrate PrimeNG for sleek and responsive UI components. Our database management will be handled by PostgreSQL, ensuring robust data handling, and for secure authentication, we're utilizing Auth0. Key Features : - 📅 Booking management for travelers - 🏠 Landlord reservation management - 🔍 Search for houses by criteria (location, date, guests, beds, etc) - 🔐 Authentication and Authorization (Role management) with Auth0 (OAuth2) - 🏢 Domain-driven design 🎯 By the end of this tutorial, you'll have a fully functional Airbnb clone and a deeper understanding of how to create a full-stack application from scratch. You'll be equipped with the knowledge to tackle similar large-scale projects and incorporate these technologies into your future endeavors. 💬 Join the conversation! Drop your questions and feedback in the comments section below. Don’t forget to subscribe and hit the notification bell to stay updated on more tutorials like this. Let's get coding and bring this project to life! Happy coding! Source code (Angular) : https://github.com/C0de-cake/airbnb-clone-frontend Source code Backend (Spring boot) : https://github.com/C0de-cake/airbnb-clone-backend Each commit comes with a chapter Chapitres: - 01:16 Generate the frontend and the layout (Frontend) - 31:48 Generate Backend (Backend) - 52:59 Authentication and Authorization (Auth0) (Backend) - 01:22:32 Authentication and Authorization (Auth0) (Frontend) - 01:40:07 Create a listing for landlord (Backend) - 02:02:07 Create a listing for landlord (Frontend) - 03:28:59 Landlord listing (Backend) - 03:39:39 Landlord listing (Frontend) - 04:08:19 Listing by category (Backend) - 04:12:05 Listing by category (Frontend) - 04:27:04 Display listing (Backend) - 04:34:06 Display listing (Frontend) - 04:52:18 Reservation system (Backend) - 05:05:47 Reservation system (Frontend) - 05:26:35 My booking (Backend) - 05:36:28 My booking (Frontend) - 05:49:32 My reservation (Backend) - 05:56:29 My reservation (Frontend) - 06:05:16 Search (Backend) - 06:13:13 Search (Frontend) - 06:40:08 Conclusion Resources: Lien vers le spring boot starter (backend) https://start.spring.io/#!type=maven-project&language=java&platformVersion=3.2.5&packaging=jar&jvmVersion=21&groupId=fr.codecake&artifactId=airbnb-clone-back&name=airbnb-clone-back&description=Airbnb%20Clone%20API&packageName=fr.codecake.airbnb-clone-back&dependencies=devtools,web,security,oauth2-client,okta,liquibase,postgresql,data-jpa Font folder : https://github.com/C0de-cake/airbnb-clone-frontend/tree/main/src/assets/fonts Folder theme PrimeNG https://github.com/C0de-cake/airbnb-clone-frontend/tree/main/src/assets/scss Style sheet https://github.com/C0de-cake/airbnb-clone-frontend/blob/main/src/styles.scss Folder DB ChangeLog (Liquibase configuration) https://github.com/C0de-cake/airbnb-clone-backend/tree/main/src/main/resources/db/changelog application.yml (Configuration de spring boot) https://github.com/C0de-cake/airbnb-clone-backend/blob/main/src/main/resources/application.yml https://github.com/C0de-cake/airbnb-clone-backend/blob/main/src/main/resources/application-dev.yml https://github.com/C0de-cake/airbnb-clone-backend/blob/main/src/main/resources/application-prod.yml Objet State front https://github.com/C0de-cake/airbnb-clone-frontend/blob/main/src/app/core/model/state.model.ts Objet state back https://github.com/C0de-cake/airbnb-clone-backend/tree/main/src/main/java/fr/codecake/airbnbclone/sharedkernel/service