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

Start learning Write review
Corporate Finance Institute Ad

Finance Certifications Goldman Sachs and Amazon Teams Trust

Learn More → Coursera Ad

Learn AI, Data Science & Business — Earn Certificates That Get You Hired

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This project-based course guides learners through building a realtime chat application with Angular and Supabase. It covers Google OAuth authentication, database-backed chat features, form validation, and deployment to Vercel.

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

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.