Angular Contacts App Example

Overview

The Full Stack Angular PWA app with NgRx Store, Effects, Entity, and NestJS is a comprehensive application that showcases the use of @ngrx/store for state management, @ngrx/effects for handling side effects, and @ngrx/entity for managing data manipulation. It also features integration with NestJS for the backend. The application emphasizes performance and efficiency in managing state and data.

Features

• @ngrx/store: Manages application state efficiently.
• @ngrx/effects: Controls side effects with support for HTTP requests and WebSockets.
• @ngrx/entity: Reduces boilerplate code and simplifies data manipulation.
• Lazy Loading: Utilizes lazy loading of reducers and effects for improved performance.

Installation

1. Clone the backend server from GitHub.
2. Run the backend server by following the instructions in the provided GitHub repository.
3. Run the Angular app with docker compose:

   docker-compose up
   

4. Access the application at http://localhost:4000.
5. For development server:
   • Start the backend server from the GitHub repository.
   • Run the Angular app with:

     ng serve
     

   • Navigate to http://localhost:4200/.
   • The app will automatically reload for any source file changes.

Summary

The Full Stack Angular PWA app with NgRx Store, Effects, Entity, and NestJS is a modern application that demonstrates best practices in Angular development. By leveraging NgRx for state management and NestJS for the backend, the application showcases efficient state handling, data manipulation, and performance optimization. It is a comprehensive example for developers looking to build scalable and feature-rich Angular applications.