Todo List App

A simple todo list app built with only HTML, Tailwind CSS, and JavaScript.

A. 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

B. 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)

C. UI Design

The designs below are picked from a youtube tutorial.

• YouTube: Building a Todo List App from Scratch | HTML, CSS, JavaScript
• GitHub: opensource-coding/Todo-List-App

C.1. Home Screen

C.2. Tasks Screen

C.3. Add New Task

C.4. Delete Task