TodoMVC built with Angular and NgRx

The well-known TodoMVC built with Angular and NgRx in a structured and testable way.

Edit and try it out online

Concepts and tools covered

• Angular CLI
• Component Interactions
• NgRx

Usage

After installing the dependencies the following NPM scripts become available:

• start: starts the application in development mode on http://localhost:9100
• build: bundles the application for production into the dist folder
• test: runs unit and E2E tests
• test:unit: runs unit tests with Karma and Jasmine in the src folder suffixed with *.spec.ts
• test:e2e: runs E2E tests with Protractor in the e2e/src folder suffixed with *.spec.ts
• format: formats the code with Prettier within the src folder
• lint: lint files with TSLint based on Codelyzer and the Prettier config

Component architecture

Application is compatible with Augury devtools and Redux devtools

Series

This implementation is part of a series where the same application was implemented with the same architecture.

• Vue
• Vue Composition API
• Angular
• React
• React Hooks
• Svelte