Build a Chat Application with GetStream.io, Angular and Firebase

Angular SDK Docs:

In this video, you will learn how to build a production-ready chat application just in a few hours using GetStream, Firebase, and Angular. First of all, we will build basic authentication for the application using Firebase. Then using Firebase Cloud Functions, we will connect and synchronize Firebase Users with GetStream once and after that, we will implement the chat that has all the necessary functionality to have a smooth and full user experience. As the last step, we will deploy a ready app to the Firebase hosting.

Source code on GitHub:

✂️ Use coupon YOUTUBE_DISCOUNT to get a 10%-off discount ✂️

🕒 Time Codes:
00:00:00 - Intro;
00:01:15 - What is Stream IO;
00:03:27 - Project Onboarding;
00:06:35 - Initialization and adding Firebase to the Firebase;
00:12:26 - User Signing Up using Firebase Authentication;
00:23:29 - User Signing Out using Firebase Authentication;
00:25:50 - User Signing In using Firebase Authentication;
00:29:18 - Adding Firebase Router Guards;
00:41:48 - Initialize Firebase Cloud Functions;
00:56:18 - Initializing Stream Chat;
01:06:04 - Retrieve an Auth Token for Stream Chat;
01:11:22 - Start listening for Stream Channels (Chat Rooms);
01:14:11 - Implementation of the Chat;
01:22:28 - Creating a new Chat Channel;
01:31:25 - Adding users to the Chat;
01:48:32 - Customising Chat View (Channel Preview);
01:52:48 - Logout the Chat user from the Stream;
01:56:31 - How to deploy Angular App to Firebase Hosting;
02:00:12 - Outro;

↙️ Short Frontend Snacks every week here:

#angular #stream #firebase #ng #webdevelopment

[DecodedFrontend]

Like the video, if you would like to see more videos about GetStream.io and drop your suggestions in the comments!

[paulomesquita]

I'm from Brazil, and I see that many of the videos by Brazilians that explain about Angular, end up following the same idea as if they all came from just one knowledge. In the case of your video, even though I don't understand English at all, I managed to pick up several tips. Thank you very much and congratulations for the wealth of details

[linkinparkkiro]

You're my favourite Angular youtuber. Keep it up man! I've learned a lot from you.

[chebs]

I have been waiting for a project like this on Angular from you . Thanks for your effort👍👏

Please clone projects like Twitter, Amazon, and others in angular with best practices in angular.

Thanks again for this good work

[dimitritsikaridze]

I was searching for angularfire tutorials but all of them were outdated, thanks for the video <3

[binhoveiga]

You are the best!
Thanks for the video.
I'm not fluent in English but I can understand all of the things you say. You explain well.
You are my favorite Angular youtuber. Keep doing this AMAZING work <3

[v_korol]

Cool! Very interesting and useful content! Thanks! #angular #firebase #advanced_angular

[vinodsharma-okmv]

I love your teaching style..
Any udemy series for complete angular tutorial.?

[bechir]

Thank you for your effort can I use my login and sign up function with mongoDb and the other functionalities will be used in Firebase ?

[hrk]

Спасибо за видео. Как всегда все на высшем уровне.
Цены на getstream конечно заоблачные.

[OlehBiblyi]

Great video, thank you, hope to see more videos like this!

[gururajmoger]

Pls make a playlist on rxjs.. ngrx and publishing library..

[andreasvasd]

Hi! Do you have anywhere the starting files for the project? I can olny find the whole project in the repo. Thanks in advance!

[haroldpepete]

that was amazing, great tutorial, god bless you and your ukranian people

[VitaliiTrush]

how can I get all the attachments of the channel?

[rukshanshamri]

Hey great content as always, how can i export the data in stream sdk using react JS using the exportChannel method the guide is not clear enough.

[alicenyw]

Anyone else has an error at 50:00 when running firebase deploy --only functions?

Error: Functions deploy had errors with the following functions::
createStreamUser(us-central1)

Any idea how to fix it? Tried changing regions but it does not seem to fix this issue

[kolan]

Что делать, если после ввода firebase deploy —only functions мне выдает ошибки в скриптах getstream? До момента деплоя функций досмотрел, дальше чет вообще плохо все идет, конкретно диплоциста функций вообще не проходит

[regedam]

Виникає помилка при вході на сторінку чату "Use client.disconnect() before trying to connect as a different user. connectUser was called twice."

[haytham__]

Anyone having issue with firebase account upgrade ?