Skip to content
All projects
Personal project

To-Do List

Task manager with editing, completed tab and saved progress.

Desktop screenshot of the To-Do List website

Overview

A to-do app for adding, editing, completing and deleting tasks, with everything saved in the browser.

My role

Designed and built it on my own.

Features

  • Add, edit, complete and delete tasks
  • Visible edit button plus double-click to edit; Enter saves, Escape cancels
  • Tasks and Completed tabs with smooth animations
  • Data saved in localStorage, so tasks stay after a reload

Challenges

  • Problem

    Editing by double-click alone was hidden from users.

    Solution

    Added a visible edit button and kept double-click as a shortcut.

  • Problem

    Keeping the screen and saved data in sync.

    Solution

    Updated the task list and saved it to localStorage after every change.

Tech stack

  • JavaScript
  • HTML
  • CSS
  • localStorage

On mobile

Mobile screenshot of the To-Do List website