Capstone Project #1: Todo Management System

Project Details

You are asked to implement a todo management app using HTML, CSS and JavaScript.

Consider the following requirements:
  • You app should allow user to add new todo, mark todos as complete and delete todos using UI elements.
  • Clear input fields after submission.
  • [BONUS] Users can edit their submitted todo items.
  • Store todo item with a timestamp and display the list ordered from new to old.
  • [BONUS] Make todo list state persistent after page refresh.
  • Your app should display correctly on smaller screen sizes.

You are free to use the tools of your choice, but here's some recommended tools to consider:

  • IDE : VS Code
  • Extensions for VS Code: Live Server
  • Browser : Google Chrome, Mozilla Firefox
  • Third-party tools : Bootstrap, Google fonts