Angular and Supabase - Build a Realtime Chat Application

Build a powerful real-time chat application using Angular 17 and Supabase in this comprehensive video course. Learn to set up the user interface, configure a Supabase project, implement Google OAuth authentication, and create necessary database tables. Master Angular router configuration, authentication services, and route guards. Develop essential chat functionalities including creating new chats, fetching and displaying messages, and implementing message deletion. Gain hands-on experience in form validation, real-time data synchronization, and deploying the finished application on Vercel. Access provided GitHub repositories for initial setup and final implementation, and explore a live demo of the completed project.

⌨️ Introduction and Project Demo
⌨️ User Interface Setup
⌨️ Setting up a New Supabase Project
⌨️ Setting up Google Oauth using the Google Cloud Platform
⌨️ Angular Router Configuration
⌨️ Setting up the Authentication Service
⌨️ Creating the CanActivate route guard
⌨️ Setting up the Chat Tables and the Users Table in Supabase
⌨️ Implementing the functionality to create a new Chat
⌨️ Resetting the Form on Submit and Disabling Button for Validation
⌨️ Fetch and Display Chats from Database
⌨️ Implementing the Delete Message Functionality
⌨️ Hosting the App using Vercel
⌨️ Outro