Create and deploy a powerful real-time chat application using Angular 17 and Supabase in this full course.
Initial Setup: github.com/desoga10/ng-chat-u...
Final Implementation: github.com/desoga10/ng-chat-v
Demo Link: 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: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news
Негізгі бет Angular and Supabase Course - Build a Realtime Chat Application
Пікірлер: 32