ade-dev / angular-response-caching

An Angular application that demonstrates HTTP response caching. The application consumes a Star Wars API (SWAPI) to present dashboards and search functionalities for characters, planets and spaceships. Unit tests are implemented using Jasmine and Karma with E2E tests executed via Cypress.

Angular HTTP response caching demo application

An Angular application that demonstrates HTTP response caching. The application consumes a Star Wars API (SWAPI) to present dashboards and search functionalities for characters, planets and spaceships. Unit tests are implemented using Jasmine and Karma with E2E tests executed via Cypress.

See article at: https://clade.co.uk/angular-response-caching

Developer: Ade Oyebadejo

This project was generated with Angular CLI version 14.1.3.

• The project has been updated to Angular and Angular Material versions 17 - Using Node v18.13.0
• The project has been updated to Angular and Angular Material versions 18 - Using Node v22.0.0

How to run application locally

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

# Navigate to the app's root directory
cd angular-response-caching

# Install the dependencies
npm install

# Run the application
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute unit tests via Karma.

Running end-to-end tests

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

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.