← Back to work
TaskOrbit product preview
taskorbit.app

Project Case Study

TaskOrbit

Built a live task management product with auth, filtering, and scalable architecture — shipped solo from UI through deployment.

TaskOrbit is a task management application for organizing, prioritizing, and tracking work through creation, editing, status management, due-date tracking, and filtering workflows.

Role
Role · Solo builder — product, frontend, backend, and deployment
Timeline
Timeline · 2024 – 2025 · ongoing product build
Next.jsTypeScriptSupabasePostgreSQLZustandTanStack QueryTailwind CSS
Status
Live
Build
Solo
Stack
Next.js + Supabase

01 — Problem

What problem does it solve?

Users need a structured way to manage tasks, statuses, due dates, and filters without losing speed during daily use.

02 — Origin

How the idea took shape

During busy development weeks at Omniful, I kept juggling deadlines across multiple tools. I wanted a single workspace that could handle prioritization, status tracking, and routines — so I built TaskOrbit as a productivity system I would actually use every day.

03 — Role

My role

  • Owned end-to-end product design, UI implementation, API integrations, authentication, and production deployment.
  • Architected reusable components and custom hooks to reduce duplication and simplify feature development.
  • Built task creation, editing, status management, due-date tracking, and filtering workflows.

04 — Challenge

The challenge

  • Keeping task-heavy screens responsive as data volume and filter combinations grew.
  • Designing state transitions that stay predictable across create, edit, and status-change flows.
  • Balancing a simple daily workflow with enough structure for planning and routines.

05 — Approach

The approach

  • Built a feature-oriented frontend with shared UI primitives and hooks to avoid duplication across modules.
  • Used TanStack Query for server-state caching and Zustand for lightweight client workflow state.
  • Deployed on Next.js + Supabase with PostgreSQL for reliable, scalable data persistence.
  • Designed mobile-first layouts so task entry and review stay fast on any device.

06 — Outcomes

Key outcomes

  • Live production deployment with authenticated user journeys and core task management flows.
  • Reusable frontend patterns that made adding new productivity features significantly faster.
  • Open-source repository documenting architecture decisions for recruiters and collaborators.

07 — Differentiator

What makes this different

  • Full product ownership beyond employer work — authentication, APIs, performance, and responsive UI.
  • Solo-shipped SaaS with live URL and GitHub source, not a tutorial todo app.
  • Modern stack (Next.js, TypeScript, Supabase, TanStack Query) aligned with current product engineering standards.

08 — Gallery

Product screens

TaskOrbit sign-in screen with email and password fields
Sign-in flow with email authentication and route protection.
TaskOrbit settings page with personal and office mode toggle
Settings workspace for mode behavior, notifications, and integrations.