Angular and Supabase Course – Build a Realtime Chat Application

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