Scribd
Upload
49 views2 pages

Home Assignment Relevant Background - N10: 1 ©2016 Experis Software

The document describes requirements for a todo list app including allowing users to add tasks with descriptions, priorities, and status. Tasks should be sorted and colored according to priority and marked as done. The output is a JSON formatted summary.

Uploaded by

MohsinRaza
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
49 views2 pages

Home Assignment Relevant Background - N10: 1 ©2016 Experis Software

The document describes requirements for a todo list app including allowing users to add tasks with descriptions, priorities, and status. Tasks should be sorted and colored according to priority and marked as done. The output is a JSON formatted summary.

Uploaded by

MohsinRaza
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

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

You might also like