Building a Realtime Chat Application with Angular 5 and Firebase

Angular 5 is a structural framework for building dynamic web applications. If you are facing a challenge in building robust a...

Packt Admin

Content Provider

4 hrs



Mode Of Delivery

12 months

Course Validity




Certification By

  • ( ₹9999 ₹3499)
Speak with our Expert Team Today Ask Now


Angular 5 is a structural framework for building dynamic web applications. If you are facing a challenge in building robust and efficient web applications with Angular 5, then look no further as this video course will enable you to get to grips with Angular 5 by enabling you to build a realtime chat application using Angular 5, Angular CLI, Bootstrap 4 and Firebase. Initially, you will quickly scaffold a new Angular application using Angular CLI and then, you'll add Bootstrap 4 and a few other dependencies to build your application rapidly. On your journey, you will create new pages, implement routing, authentication and more. Next, you'll work on setting up a new Firebase account and integrating the Firebase backend into your Angular 5 application. As you progress further, you will make use of a Reactive pattern and implement Observables to add realtime capabilities to your chat application. In addition to building a realtime chat room, you will also build user profile pages; implement a search engine for users and learn how to the send direct messages to users. Towards the end of this course, you will be able to build a fully featured realtime chat application using Angular 5 and Firebase and deploy it to AWS so that the world can see it. You will get started with Angular 5, understand how to apply it, and build some of the most robust, efficient and dynamic applications with Angular 5. After completing this course, you will likely find creative ways to apply it to your work. Style and Approach: The best way to learn is by doing. Therefore, this course will walk you through building a real world application, in a step-by-step manner. The exact steps taken in this course could be repeated to build and deploy your own realtime chat application. 

Target Audience 

This course is great for anyone who is new to Angular or even has intermediate experience. However, you will want to have basic programming fundamentals and a good Javascript foundation before starting this course. 

Business Outcomes  

  • Working with RxJS and Observables to create realtime chat functionality in your application

  • Implement supporting services with Angular 5 to show modals, load spinners and authenticate your users

  • Integrate Firebase into your Angular 5 project and enable your Angular services to communicate with Firebase

Ask us everything about the program

Full Name*
Student Professional