Angular and Supabase - Build a Realtime Chat Application

Angular and Supabase - Build a Realtime Chat Application

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ Setting up a New Supabase Project

3 of 14

3 of 14

⌨️ Setting up a New Supabase Project

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Angular and Supabase - Build a Realtime Chat Application

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ⌨️ Introduction and Project Demo
  2. 2 ⌨️ User Interface Setup
  3. 3 ⌨️ Setting up a New Supabase Project
  4. 4 ⌨️ Setting up Google Oauth using the Google Cloud Platform
  5. 5 ⌨️ Angular Router Configuration
  6. 6 ⌨️ Setting up the Authentication Service
  7. 7 ⌨️ Creating the CanActivate route guard
  8. 8 ⌨️ Setting up the Chat Tables and the Users Table in Supabase
  9. 9 ⌨️ Implementing the functionality to create a new Chat
  10. 10 ⌨️ Resetting the Form on Submit and Disabling Button for Validation
  11. 11 ⌨️ Fetch and Display Chats from Database
  12. 12 ⌨️ Implementing the Delete Message Functionality
  13. 13 ⌨️ Hosting the App using Vercel
  14. 14 ⌨️ Outro

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.