Web app / 2020
Object-Oriented Task Manager
A tactile task desk with inline editing, alphabetical organization and persistent browser storage.
The project
A task manager developed as a JavaScript learning exercise. Tasks can be added, edited, deleted, sorted, and restored from browser storage.
The implementation
The repository separates task objects, storage helpers, list behavior, and interface event handlers. The task-list object exposes chainable operations such as load, save, sort and display. Tasks remain automatically alphabetized. The existing storage key and versioned JSON format are preserved, including migration from the older pipe-separated format; new task text can contain literal pipe characters.
I worked with AI to redesign the interface as an indexed paper desk with coral notes, navy folder tabs and tactile task cards. Inline editing makes saving or canceling visible, while short arrival and control feedback respects reduced-motion preferences.
What this demonstrates
Object-oriented organization, local persistence, callbacks, and DOM rendering without a framework. Data remains in the browser; this is not a shared or synchronized task service. Tasks stay until they are cleared or browser storage is removed. The backend demos’ 96-hour cleanup does not apply to this local task list.
Deployment
GitHub Pages serves the static files. Use sample tasks when exploring this older learning project.
FROM THE LIVE DEMO
A closer look.
Open a screenshot to see it at full size.