01
Challenge
A no-code Lovable prototype rebuilt from scratch into a production-grade EdTech SaaS — with a multimodal AI quiz generation pipeline, seven question types, Stripe subscriptions, and gamified learning streaks. The main delivery challenge was to give users structured progress, useful feedback, and content that can evolve without rebuilding the app, while keeping Quiz generation pipeline, Seven question types, and Stripe subscription infrastructure consistent across the complete journey. We framed the engagement around the smallest production-worthy flow first, then expanded the scope without weakening the underlying component and data model.
02
How we built it
We began by mapping the user journey and the boundaries of the AI: what context it receives, what it may return, and where deterministic application logic must stay in control. We then built Quiz generation pipeline, Seven question types, and Stripe subscription infrastructure as small end-to-end slices, connecting the interface to the data and model layers early so the team could test real responses instead of static mock-ups. Streaming and real-time states were treated as first-class UI states, including loading, partial output, retries, and recovery. The main implementation used React 18 + TypeScript, Vite + SWC, React Router v6, and TanStack Query, with typed contracts keeping the JavaScript stack consistent across the product.
03
Delivery
The delivered scope brought Quiz generation pipeline, Seven question types, Stripe subscription infrastructure, and Learning streak engine into one coherent production-ready product experience. Model output, product logic, and user feedback are separated clearly, which makes the AI easier to evaluate and evolve. For KLUUU, the practical result is a product that communicates its value quickly while giving the team a maintainable base for continued delivery in learning & edtech.
