binzu/my-tasks

Sample MVP tasks application built with angular-cli, angular and bootstrap 3

MyTasks

An MVP tasks application built with angular-cli, angular

Demo

App demo can be viewed at http://binzu-my-tasks.surge.sh/

Author

Vince Golveo

Framework

• This project was generated with the latest version of Angular CLI (7.0.5)
• Extensive Angular CLI documentation at https://cli.angular.io/

Features

• Create a task providing a task name (required), description and due date.
• Lists existing and done tasks.
• Task detail can be viewed by clicking info (i) button in a task with detail information.
• Mark task as completed by clicking on the checkbox.
• Undo marking task completed by clicking on checkbox of task in the done list column.
• Filter tasks to show current tasks only that are due today or tomorrow by clicking "current" radio button.
• Filter tasks to show overdue tasks older than current day by clicking "overdue" radio button.
• Show all tasks by clicking on "all" radio button.
• Completed tasks are listed in the done list column.
• Tasks have color indications for better scanning: gray = no due date, green = current, red = overdue.

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.