8000 GitHub - maasir554/todo-ts: A todo-lists app made while learning TypeScript, Vite, and PWA
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
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).

Releases

No releases published

Packages

No packages published
0