KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#typescript #ai-agents #cli #claude-code #codex #developer-tools #dsh-plugin #deepseek-harness #windows #open-source #agent-skills #ai

angular-workshop

★ 94 Open GitHub ↗

Learning Angular: From component state to NgRx

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Angular Counter Component

📖 This example is part of the **[free online book: Testing Angular – A Guide to Robust Angular Applications
](https://testing-angular.com/)**. 📖

## Overview

This repository builds a simple counter with Angular in three ways:

- [CounterComponent](src/app/components/counter/): Counter that manages its own state. Has an Input and an Output.
- [ServiceCounterComponent](src/app/components/service-counter): Counter that stores the state in shared service.
- [NgRxCounterComponent](src/app/components/ngrx-counter): Counter that uses NgRx to manage the count and NgRx effects to persist them on the server.

## Related projects

- [Angular Flickr Search](https://github.com/9elements/angular-flickr-search) – a more complex example app
- [Angular testing workshop](https://9elements.github.io/angular-testing-workshop/)

## Development server

- Clone the repository, change into the `angular-workshop` directory
- `npm install`
- `npm install -g @angular/cli`
- `ng serve`
- Navigate to http://localhost:4200/

## Running unit & integration tests

Run `ng test` to execute the unit & integration tests with Karma and Jasmine.

## Running end-to-end tests with Cypress

Run `ng run angular-workshop:cypress-run` to execute the Cypress end-to-end tests. (This starts the development server automatically.)

Run `ng run angular-workshop:cypress-open` to start the interactive Cypress test runner.

## Deployment

Run `npm run deploy` to the deploy the code to [https://9elements.github.io/angular-workshop/].

angular-workshop

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README