Skip to main content

To Do App

To Do App

ToDo list is a simple website to save Your daily tasks in order not to miss anything

To Do App
Category
html / css / js
Role
Frontend Developer
Timeline
1–2 weeks

Case Study

A deep dive into the project development process

The Problem

Users needed a lightweight way to track daily tasks without complex setup.

The Solution

Built a responsive ToDo app that stores tasks locally, supports themes, and simple CRUD operations.

Key Features

  • Add/edit/delete tasks
  • localStorage persistence
  • themes
  • responsive UI

Challenges Faced

Designing a simple UX that still provides useful features like labels and reminders.

What I Learned

Local persistence is excellent for small utilities; progressively enhance with sync if needed.

Results & Impact

A usable, responsive ToDo app that simplifies daily task tracking and demonstrates front-end skills.

ToDoApp-Project

Project description

ToDo list is a simple website to save Your daily tasks in order not to miss anything.

What does the website contain?

This project consists of a welcome page in which the user registers his name Then there is the main page in which the user can add tasks, For each task we write a title, description, day, date and time for it

Features:

  • User-friendly
  • Local Storage Supported
  • Themes: Users can choose among different themes.
  • Responsive website
  • Edit the task
  • Select a certain date or time
  • Create label for task
  • Chose a color for each task
  • Filter Check Task in done page and Uncheck Take in to do page

User Stories

  • As a User, I want to be able to see all todo's I have.
  • As a User, I should be able to add a new todo (title, description, time).
  • As a User, I can mark todo as a done/undone.
  • As a User, I can delete any todo I want.
  • As a User, I should be able to edit any todo I have.
  • As a User, I want to see the number of todos I have in my list

Related Projects