Skip to content

Latest commit

 

History

History
39 lines (30 loc) · 1.78 KB

README.md

File metadata and controls

39 lines (30 loc) · 1.78 KB

Angular NgRx Signal Store ⚡ Zoneless ⚡

Boilerplate project for getting started with NgRx Signal Store (state management solution) and Zoneless, utilizing Angular CLI 19. All components are fully Signal-driven.

Purpose

this Boilerplate project consists of writing a Angular with the purpose to learn how to use NgRx Signal Store state management solution with a focus on maintaining sustainable development speed and the ease of adding new features in the long run, using a new Angular feature like Angular Deferrable Views and the Control Flow syntax. This application present high-level recommendations for a well-designed Angular application architecture based on best practices NgRx Signal Store state management.

  • Signal-based Component Architecture.
  • NGRX Signal Store Deep Dive.
  • Zoneless change detection.

Features

  • Multilingual Support (Internationalization in 3 Languages).
  • Apartment search Page.
  • Filter Apartments by City and Borough, and load more apartments via scroll.
  • Apartment overview page.
  • Saving Apartment as Favorites and Sync with Storage.
  • Apartment favorites page.

Extras

  • Dynamically load a configuration file before the app starts.
  • Register and use custom SVG icons within the application.
  • Implement internationalization using a third-party library.
  • Integrate Infinite Scroll to a view listing.
  • Global Error Handling in the web application.
  • Setting Page Titles Natively With The Angular Router.

Installation

1- Run first npm ci.
2- Run ng start for a dev server and then npm run db for database.
3 -Navigate to http://localhost:4200/.

The application will automatically reload if you change any of the source files.

Version

This project was generated with Angular CLI version 19.1.4.