Introduction

Angular is an open-source framework that allows us to create applications for multiple platforms such as web, mobile web, native mobile, and native desktop. It is one of the most popular Single Page Application frameworks.

In this eBook, we are going to create a blogging application using Angular on the front-end and Google cloud Firestore as our database. We will also learn how to deploy the application on Firebase.

Download the free eBook

The book is published by C# Corner.

You can download the free book from Build a Full-Stack Web Application Using Angular & Firebase

Source Code

The source code of the application which we have built in this book is available at GitHub.

Try out the application

The app is deployed at https://blogsite-30c69.firebaseapp.com/. Navigate to the URL and see what we are going to build in this book.

Features for the application

Our application will have the following features:

• Material design
• Add a new blog post
• Edit an existing blog
• Delete an existing blog
• Authorization with Google account
• Role-based authentication
• Pagination for the blogs
• Post comment on each blog
• Option to share the blog on social channels

What you will learn in this eBook?

We will cover the following Angular concepts in this book:

• Using Cloud Firestore with an Angular application
• Angular Material and Bootstrap
• Template-driven forms
• Form validation
• Custom pipes
• Auth-guards in Angular
• Authentication and Authorization
• Login with Google using Firebase
• Social share option using ngx-share
• Client-Side pagination using ngx-pagination
• Deploying an Angular app in Firebase

By the end of this book, you will have mastered the advanced concepts of the Angular framework. You will be able to create a rich and interactive web application using Angular and Google’s Firebase.

Prerequisites for the reader

The readers are expected to have a basic understanding of web development in general. They are also required to have a basic knowledge of HTML, CSS, and JavaScript. This book will not cover the basics of Angular. A fundamental understanding of the Angular framework is required before you proceed. Please learn and understand the following basic concepts of Angular.

• What is Angular?
• How Angular works in general?
• What is Angular component?
• What is Angular Module?
• Understanding of Angular Services

Acknowledgment

I would like to thank Prakash Tripathi and Santosh Yadav for the valuable time on reviewing the book. Their constructive feedback was crucial in enhancing the quality of the content.

I would also like to thank Mahesh Chand and the C# Corner team for their support in reviewing and publishing the book.

See Also

• Optical Character Reader Using Angular And Azure Computer Vision
• Template-Driven Form Validation In Angular
• Reactive Form Validation In Angular
• Continuous Deployment For Angular App Using Heroku And GitHub
• Policy-Based Authorization In Angular Using JWT

Connect with me

You can connect with me via LinkedIn, Twitter and GitHub