Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Angular and Supabase - Build a Realtime Chat Application

via freeCodeCamp

Overview

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.

Syllabus

⌨️ 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

Taught by

freeCodeCamp.org

Reviews

Start your review of Angular and Supabase - Build a Realtime Chat Application

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.