MyTaskFlow

Most productivity apps bury you in options or treat prioritization as an afterthought. MyTaskFlow is a task manager built around the Eisenhower Matrix — a simple 2×2 grid that forces you to decide what's actually urgent and important before you start working. The goal was a focused, opinionated tool that makes the "what do I do next?" decision as frictionless as possible.

Built as a React 18 PWA with Vite and Tailwind CSS, backed by Firebase Auth (Google Sign-In) and Firestore for real-time multi-device sync. The UI follows a neumorphic "solarpunk" design system — warm cream backgrounds, soft raised shadows, and a chartreuse accent — with mobile-first layouts and 44px touch targets throughout. Tasks support drag-and-drop reordering within and between quadrants, built-in play/pause timers that persist elapsed time, and a localStorage fallback for offline use. Deployed on Vercel with GitHub-triggered auto-deploys.

Currently in active development. The core scheduling loop — add a task, place it in a quadrant, time your work, check it off — is fully functional and syncing live. Recent work focused on mobile UX: task cards now collapse to title-only by default and expand on tap to reveal the timer, priority star, and meta controls, keeping the list scannable on small screens. Component extraction and a stats view are the next milestones.