Angular Firebase Starter screenshot

Angular Firebase Starter

Author Avatar Theme by Bave8672
Updated: 26 Feb 2018
30 Stars

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

Categories

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.