DoneMate

A playful task manager with light/dark mode and local storage — React, CSS

Problem

Many simple to-do apps feel too rigid or overly serious, while users wanted a lightweight, fun, and responsive way to manage everyday tasks.

Approach

  • Designed a friendly, themeable interface with light/dark support.
  • Added edit, delete, and clear-all flows with smooth pop-up confirmations.
  • Stored tasks in local storage to keep data persistent across sessions.
  • Prepared authentication via Supabase for personalized task lists.

Solution

DoneMate provides a cheerful yet practical task manager that syncs with the user’s system theme, offers intuitive controls, and saves tasks locally for quick access. Authentication is in progress for future multi-device support.

Technical Stack

React, CSS, Supabase (auth), Vite, gh-pages.

Results

  • Fast load time thanks to Vite bundling.
  • Persistent tasks with zero setup for the user.
  • UI polished with playful but clean design and theme toggle.

Live Demo Close