Angular Firebase Starter

screenshot of Angular Firebase Starter
bootstrap
firebase

An app boilerplate using Angular 4, Angular CLI, Firebase (angularfire2), Ngrx Store and Ngrx Effects.

Overview

The Angular 5 Firebase App boilerplate offers an advanced starting point for Angular applications by integrating best practices, robust state management, and efficient user authentication. Built with Angular CLI and utilizing Firebase through angularfire2, this starter template empowers developers to create scalable and maintainable applications quickly. Whether you're tackling business logic with a todo app or exploring complex states with Ngrx, this boilerplate is designed to provide a solid foundation for your next project.

This app aims to streamline the development process by incorporating a well-defined architecture, allowing developers to focus on building features instead of getting lost in setup details. With integrated Firebase authentication and a standardized approach to forms, this boilerplate simplifies essential tasks, enabling rapid development while still being flexible enough to adapt to specific project needs.

Features

  • Ngrx Integration: All application state is managed via the Ngrx Store, utilizing a global reducer composed of sub-reducers to streamline state management and reduce complexity.
  • Firebase Authentication: Out-of-the-box support for Google OAuth and email/password authentication allows users to easily manage their accounts, including password updates and profile picture changes.
  • Standardized Forms: By exclusively using Angular's reactive forms module and inheriting from a base FormComponent, form management is made simpler, incorporating a shared validation message component to provide clear feedback to users.
  • Customizable Styles: With Bootstrap CSS included by default and no custom CSS added, the boilerplate allows for easy styling modifications by simply replacing or augmenting styles to fit the developer's preferences.
  • Efficient Builds & Deployments: Set up for Firebase hosting, developers can easily handle multiple environments and deploy their applications seamlessly by configuring the firebase settings.
  • Planned Testing: The boilerplate includes plans for testing, emphasizing the importance of maintaining code quality and application reliability as the project evolves.
bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

firebase
Firebase

Firebase offers a comprehensive set of features, including real-time database, authentication, hosting, cloud functions, storage, and more. Firebase provides an easy-to-use interface and allows developers to focus on building features rather than managing infrastructure.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.