Angular and Supabase Course – Build a Realtime Chat Application
5/20/2024
Description
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 ⭐️
🎉 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
Chapters
Introduction and Project Demo
7:13
User Interface Setup
7:19
Setting up a New Supabase Project
2:16
Setting up Google Oauth using the Google Cloud Platform
8:51
Angular Router Configuration
2:19
Setting up the Authentication Service
11:05
Creating the CanActivate route guard
13:00
Setting up the Chat Tables and the Users Table in Supabase
19:04
Implementing the functionality to create a new Chat
10:15
Resetting the Form on Submit and Disabling Button for Validation
2:49
Fetch and Display Chats from Database
14:09
Implementing the Delete Message Functionality
23:22
Hosting the App using Vercel
6:26
Outro
0:20