JSFoo 2019

JSFoo 2019

On component architecture, front-end engineering and Developer Experience (DX)

Ankit Sharma


Create a Blogging App with Angular and Firebase

Submitted Jul 16, 2019

We will create a blogging app, similar to Wordpress, using Angular and Google Cloud Firestore. The attendees will learn how to create a real world application using core Angular concepts. At the end of this workshop, each attendee will have their own blogging app created and hosted on Firebase.


Creating a real world application is the best way to learn any technology rather than just reading blogs or watching tutorial videos. Therefore, i have prepared this session in such a way that the attendees can learn right from creating a blank Angular app to making a full fledged real world application. We will cover all the major features of Angular and the attendees will learn how to create a real world application using Angular concepts. We will create the whole application during the workshop and i will explain each component in detail.

We will explore following Angular concepts in this workshop:

  1. Using Cloud Firestore with an Angular application
  2. Angular material and Bootstrap
  3. Template-driven forms
  4. Google authentication using Firebase
  5. Implementing auth-guards in Angular
  6. Creating custom pipes
  7. Hosting an Angular app on Firebase

This sample application is hosted at https://blogsite-30c69.firebaseapp.com/


  • A gmail account to login into Firebase
  • Set up Angular development environment by installing following free software in your machine :

Speaker bio

Ankit Sharma is a Senior Software Engineer currently working with IVY Comptech in Hyderabad, India. He has over 5 years of extensive experience in Microsoft technologies including C#, ASP.NET, SQL Server and UI technologies such as JQuery and Angular.

Ankit is a technical author and speaker and loves to contribute to technical community. He writes articles for multiple platforms, which includes c-sharpcorner, Dzone, Medium and TechNet Wiki. For his dedicated contribution to the developer’s community, he has been recognized as c-sharpcorner MVP, Dzone MVB and Top contributor in Technology at Medium. He is also the author of first ever book on Blazor - Blazor Quick Start Guide.





{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}