Front-end task for Spiir by Momchil Georgiev

Todo list overview

• Creating a new list should add a new item to list of todo lists

  • Creating a new item is done by entering a title in input field and hitting enter
  • It should not be possible to create a list without a title

• The todo list item should have a label specifying how many todos are left to do

  • If there are no todos in the list, show 0 todos
  • If there are todos in the list, show how many are yet to be completed
  • If all todos in the list have been completed, show “All done!🚀”

• Clicking an item in list of todo lists should route to item

Todo list

• Header + HTML Doc title must show title of todo list

• Todos should be sorted by completion, then created date, meaning completed todos should appear at top when shown, and todos should be sorted so that oldest todos are first in list

• It should be possible to toggle whether completed todos are shown or not

NotAnotherTodoApp

This project was generated with Angular CLI version 8.3.3.

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.

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 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.