Angular and Supabase Course – Build a Realtime Chat Application
By freeCodeCamp.org
Published: May 20, 2024
Create and deploy a powerful real-time chat application using Angular 17 and Supabase in this full course.
Initial Setup: https://github.com/desoga10/ng-chat-ui-setup
Final Implementation: https://github.com/desoga10/ng-chat-v
Demo Link: https://ng-chat-v.vercel.app/?? Developed by @TheCodeAngle
?? Contents ??
?? (0:00:00) Introduction and Project Demo
?? (0:07:13) User Interface Setup
?? (0:14:32) Setting up a New Supabase Project
?? (0:16:48) Setting up Google Oauth using the Google Cloud Platform
?? (0:25:39) Angular Router Configuration
?? (0:27:58) Setting up the Authentication Service
?? (0:39:03) Creating the CanActivate route guard
?? (0:52:03) Setting up the Chat Tables and the Users Table in Supabase
?? (1:11:07) Implementing the functionality to create a new Chat
?? (1:21:22) Resetting the Form on Submit and Disabling Button for Validation
?? (1:24:11) Fetch and Display Chats from Database
?? (1:38:20) Implementing the Delete Message Functionality
?? (2:01:42) Hosting the App using Vercel
?? (2:08:08) Outro???? Thanks to our Champion and Sponsor supporters:
???? davthecoder
???? jedi-or-sith
???? ????
???? Agustín Kussrow
???? Nattira Maneerat
???? Heather Wcislo
???? Serhiy Kalinets
???? Justin Hual
???? Otis Morgan
???? Oscar Rahnama—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news