Introduction
Todolist is a simple todo list app built with only HTML, Tailwind CSS, and JavaScript. It’s a great way to get started with web development and learn the basics of HTML, CSS, and JavaScript.
Functional Requirements
- 1. Should be able to view the total number of all tasks
- 2. Should be able to view all categories as well as the number of tasks in each category
- 3. Should be able to view all tasks in a specific category
- 4. Should be able to add a new task
- 5. Should be able to delete a task
- 6. Should be able to delete all tasks in a specific category
Non-Functional Requirements
- 1. The app will be displayed only on a mobile device
- 2. The data will be stored in local storage
- 3. The web app should be able to run offline
- 4. The web app should be installable on mobile devices (i.e. PWA)
UI Design
The designs are picked from a youtube tutorial.