Post Content
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 Read More freeCodeCamp.org
#programming #freecodecamp #learn #learncode #learncoding
+ There are no comments
Add yours