Airline Booking System React .NET 6, Auth0

Build a clean architecture for the airline system in dotnet 6 using a multi-project solution with domain, application, ioc, and api layers in Visual Studio 2022.

Model the airline system domain by creating flight, ticket, and passenger classes with properties such as flight number, airports, times, capacity, remaining seats, and ticket price, plus booking methods.

Define the domain and application layers, implement a booking service interface with async methods (add, search, get, book, cancel flights, initialize flights), and seed dummy data for IOC and API.

Create a public static dependency container class, register a singleton booking service with IServiceCollection, and wire the IBookingService to the application layer for the API.

Build an airline booking api with a booking controller offering search flights, book flight, and cancel booking, plus dependency injection, swagger, and React integration with Auth0.

Create the airline booking react app with create react app after installing nodejs, then install axios to call the net 6 api; run on localhost port 3000 and use vscode.

Set up a clean folder structure for a React airline booking app by organizing components, pages, services, buttons, and styles under the source folder.

Create a styles.css file for the airline booking app, define the search form, flight card, and booking form styles using flex layouts, borders, colors, and hover effects.

Create a booking api service in the React app, configure a base URL on localhost:5114 with Axios, and implement searchFlights and bookFlight for the booking endpoints.

Build a React search form for an airline booking system, capturing departure, destination, and date, querying the booking API to fetch flights.

Display search results as a flight list in a React UI, showing flight number, airports, departure and arrival times, price, and a book option from the booking API.

Create and wire a booking form in a React and .NET 6 app, capture name, email, and phone, book flights via the booking API, and secure with Auth0.

Set up an Auth0 account to secure the React front end and the .NET 6 web API, and enable login with external providers.

Create an Auth0 API for the airline booking system, naming it airline booking API with a unique identifier, set token expiration, and prepare integration with a .NET 6 web api.

Create a single-page React app in Auth0, configure domain, client ID, client secret, and allowed callback, logout URLs, and web origins. Integrate dotnet 6 web API with the React app.

Learn to secure a dotnet 6 web api with Auth0 by configuring JWT bearer authentication and authorization. The lecture demonstrates protecting the booking endpoint while keeping search open.

Secure a React app with Auth0, implementing login, logout, and a profile view, then obtain an access token and call a secured .NET 6 booking API with a bearer token.