Skip to content

maasir554/todo-ts

Repository files navigation

todo-ts

A frontend [ progressive ] web app made with TypeScript using Vite.

🔑 Key features

  • add, delete, and modify your tasks.
  • your tasks are saved in 🗄️local storage.
  • filter your tasks based on their completion status.
  • beautiful and responsive UI with pleasing animations, and 🔆light/🌙dark mode

✨ Detailing

  1. the app is completely ⌨️keyboard-friendly:
    • you can use the Tab key on your keyboard to itereate over the enabled buttons.
    • press Enter key after you input the desired text in the inputs to save - no need to click on save/add button.
  2. your preferences are also saved in your 📁local storage:
    • whether you select the light or dark mode, your choice is saved in your 📂localStorage, so that, when you open your app next time, the mode is already set. also, the mode toggle button in the footer is completely synchronized with the control in settings.
    • your choice for todo-filter-box (found in the ⚙️settings) will also be saved in the local storage.
  3. multiple task delete functionality: delete all the checked tasks or all tasks in a single click, using the buttons in the footer.
  4. get real time stats in the footer: three chips in the footer show how many tasks are present in the app, how many are checked(completed), and how many of them are remaining(unchecked).