ade-dev / angular-ngrx-demo

A demo Angular application with tests that consumes an API to display a list of regions, countries and the details of a selected country. NgRx libraries are implemented to manage the state of the app, Jasmine, Karma and Cypress for unit and e2e tests and Angular Material for presentation.

Angular application - NgRx demo

A demo Angular application with tests - Uses an API to display a list of regions, countries and the details of a selected country. NgRx libraries are implemented to manage the state of the app, Jasmine, Karma and Cypress for unit and e2e tests and Angular Material for presentation.

By Ade Oyebadejo

Technologies

• @ngrx/store - RxJS powered state management for Angular apps, inspired by Redux
• @ngrx/effects - Side effect model for @ngrx/store
• @ngrx/store-devtools - Instrumentation for @ngrx/store enabling time-travel debugging
• @angular/router - Angular Router
• @angular/material - Angular Material

This project was generated with Angular CLI version 11.2.6.

• The project has been updated to Angular version 16.2.0
• The project has been updated to Angular and NgRx versions 17 - Using Node v18.13.0

Installation

# Clone the repository
git clone https://github.com/ade-dev/angular-ngrx-demo.git

# Navigate to the app's root directory
cd angular-ngrx-demo

# Install the dependencies
npm install

# Run the application
ng serve

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute end-to-end tests via Cypress.