Case study · 2025

Personal project · Full-stack

time-killing-app

Gamified productivity app — warriors, battles, and quests powered by OpenAI + Google Generative AI, built as a solo full-stack project.

203 commits · full-stack AI-native gamified productivity

Role
Solo builder & architect
Stack
TypeScript · React / Vite · Zustand · Framer Motion · OpenAI API · Google Generative AI · Tailwind CSS

Context

Productivity apps are either effective but joyless, or gamified but shallow. The idea was to create a genuinely fun productivity system where completing real-world tasks levels up a warrior character — with AI-generated quests, battles, and narrative.

Approach

Built with React and Vite for the frontend, Zustand for state management, and Framer Motion for fluid animations. OpenAI and Google Generative AI APIs generate personalised quests, enemy encounters, and flavour text based on the user’s actual task list and context. The game loop (tasks → XP → levelling → battles) creates positive reinforcement without feeling manipulative.

Outcomes

  • AI-generated quests and battles personalised to the user’s actual task list.
  • Dual LLM integration (OpenAI + Google GenAI) for fallback and cost optimisation.
  • Fluid animations with Framer Motion — 60fps character and battle sequences.
  • Zustand state management for clean, predictable data flow.
  • 203 commits — comprehensive solo project demonstrating full-stack AI-native development.

Links