Home Assignment Relevant Background - N10

Implement a simple todo list app in HTML/JS/CSS.

The app must implement the following requirements:

1. Each task will have:
a. Description text
b. A priority, one of:
i. Urgent
ii. Critical
iii. Normal
iv. If You Can
2. Initially the list will contains these predefined items
a. Register to Full Stack Web Course [Normal]
b. Attend Selection Day [Critical]
c. Go see X-Men apocalypse movie [If You Can]

3. Tasks should be listed in a sort order according to priority ( from urgent down to
If You Can ) and within each priority group according to lexicographical order.
4. Tasks will be colored according to priority
a. Urgent : red
b. Critical : orange
c. Normal : green
d. If You Can : ocean blue
5. User can add an item to the list by
a. Entering a text to an entry box allowing one line of text with min length of 6
chars and max len of 42 chars and a minimum
b. Selecting priority of task from a drop down selection box
The default priority should be Normal
c. and then pressing the Add button or hitting the enter key.
6. New Items will be added to the list according to the sort order described in
requirement 3.
7. Users will be able to flag a task as done by clicking the task.
8. When a task is done it will be marked by displaying the task text with a
strikethrough font and gray color - use CSS class.
No further interactions should be possible with a done task.

1 2016 Experis Software

Mockup:

Work in https://jsfiddle.net or http://jsbin.com/ or http://codepen.io/

We recommend you register to one of these sites to save your work
When done, just email us the link to your work. No file attachments.

2 2016 Experis Software