Two versions of similar design javacript to-do-list
The first version is a hard coded html, css and javascript. It can add item and edit 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
- 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 used Bootstrap and jQerry.Apart from adding item and editing item, it also has cool animation, draggable effect and UI design.
