Demo of a TODO application for demostrating an app designed with Angular style guide and best practices
Switch branches/tags
Clone or download
Latest commit 4104ade Dec 4, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode refactored and fixed tests Nov 26, 2018
e2e fix pr Nov 12, 2018
screenshots migrated old files Nov 12, 2018
server implemented card list view Nov 17, 2018
src fixed build and serve Dec 4, 2018
.editorconfig init with ts path alias May 19, 2018
.gitignore updating to v7 Nov 12, 2018
.prettierrc migrated old files Nov 12, 2018 migrated old files Nov 12, 2018
angular.json updating to v7 Nov 12, 2018
package.json fixed package Dec 3, 2018
tsconfig.json chore: merge Nov 26, 2018
tslint.json fix pr Nov 12, 2018
yarn.lock fixed package Dec 3, 2018


A demo of Angular best practices including:

  • VSCode config for fix on saving and organize imports
  • Spinners
  • Auto formating and styling using TSLint and Prettier
  • A server to serve Todos and translations
  • ngx-translate for dynamic translations

This project was generated with Angular CLI version 6.1.1.

Development server

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.


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 the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.