Todos Apps.
Interactive task management web app with persistent browser local storage and reactive filtering.
Project Background
Overview
A lightweight, interactive task productivity application delivering instant client-side data persistence with zero backend overhead.
Problem Statement
Many to-do apps demand mandatory account registration or suffer data loss on refresh. The absence of multi-criteria category and temporal deadlines frequently complicates task prioritization for users.
Technical Stack
Frontend
Libraries & APIs
Tools & Build
Deployment
Objectives & Methodology
Objectives
- Provide a zero-friction task management tool requiring no sign-in or server connection latency.
- Guarantee 100% data retention directly in client storage via the Browser LocalStorage API.
- Deliver reactive multi-category and time-based filters (Today, Tomorrow, Week, Month).
Solution & Architecture
Adopted Vue 3 Composition API (Script Setup) for granular reactivity, encapsulated LocalStorage with initial seed states, and integrated multi-dimensional filtering (categories & date-fns) and notivue for fluid feedback.
Results & Output
Outcomes & Delivered Features
- Automatic LocalStorage synchronization layer executing on every task creation, update, or deletion.
- Multi-dimensional filtering system: Categories (Work, Personal, Shopping, Others) and Temporal horizons (Today, Tomorrow, Week, Month).
- Complete CRUD lifecycle: inline editing, visual priority tags, and single-click completion toggling.
- Integration of swipeable interactive toasts (notivue) and smooth layout transitions.
Key Achievements & Engineering Rigor
- 100% client-side data retention with zero lost tasks on restart or refresh.
- Sub-millisecond filter latency powered by Vue computed property memoization.
- Ultra-lightweight bundle size with absolute zero backend dependencies.
Impact & Key Value
Delivers an instant, private, and distraction-free daily productivity aid accessible immediately from any web browser.
Other Featured Projects
TruBrush
A human-made digital art portfolio and secure escrow commission platform with client-side canvas protection.
Revoshop
Modern e-commerce platform featuring interactive cart state, checkout simulation, and role-based authentication.
Have a project in mind or want to build something together?
I am open to full-time roles, contracts, and discussing innovative software products.