Cool javascript-to-do-list

Two versions of similar design javacript to-do-list

The first version

The first version is a hard coded html, css and javascript. It can add item and edit item.

1.Add item

• A user can hit enter in the text input or click on the button to add a new item
• A user can choose whether or not the item has a start time
• All items are classified into 6 types,represented by different color
• Item without a time will be put at the front of the list

2.Edit item

• Click on the Edit button to modify the content of the text input
• Click on the Finished button to mark the item as finished
• Delete the item by clicking the Delete button

The second version

The second version used Bootstrap and jQerry.Apart from adding item and editing item, it also has cool animation, draggable effect and UI design.