Todo Widget

A pixel-art, always-on-top todo list for the desktop.

status: shipped
when: 2025
took: 3 days
team: solo project

about

A desktop todo widget built with Electron that provides a clean, always-on-top interface for managing daily tasks. The widget features a beautiful pixel art design with a transparent background and blur effect, making it blend seamlessly with your desktop while staying accessible.

Users can add, complete, and delete tasks with real-time progress tracking through a visual progress bar. The widget automatically positions itself on the right side of the screen and minimizes to the system tray when closed, ensuring it's always available without cluttering the desktop.

All data is persisted locally using localStorage, providing a private and fast task management experience.

stack

electron · node.js · html · css · javascript · localstorage

what I learned

Learned to build desktop applications using Electron framework
Implemented always-on-top functionality and system tray integration
Created a frameless window with transparent background and blur effects
Built a complete desktop widget with data persistence using localStorage
Gained experience with Electron's main and renderer process architecture

what was hard

Implementing always-on-top functionality while maintaining good UX
Creating a frameless window that still allows user interaction and positioning
Managing data persistence across application restarts using localStorage
Designing a widget that integrates seamlessly with the desktop environment