Delivered engagementLearning & EdTech · $35k – $40k+
KLUUU

AI quiz platform

Delivered engagement. Coralsoft designed and built this product end to end; figures below retain their evidence level.

WebBackendReact 18 + TypeScriptVite + SWCReact Router v6
kluuu-ai-quiz-platform.example / dashboard
KLUUU upload entry accepting PDF, DOCX, image or text files up to 50 MB
The situation

What was in place before we started.

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.

KLUUU had a clear product hypothesis: students and self-directed learners should be able to drop any study material — a PDF, a DOCX, an image of lecture notes — and get a ready-to-take quiz in seconds. The concept had been validated with a rapid prototype built on Lovable, an AI-assisted no-code builder. Early users responded well; the core loop worked.

But the prototype had hit its ceiling. The generated scaffold offered no control over the database architecture, no custom backend logic, no path to a real subscription model, and code that was too fragile to extend with confidence. Moving from a validated idea to paying customers required a complete rebuild.

Constraint

Coralsoft's mandate was not to redesign the product — the UX patterns were working. It was to take the validated feature set and rebuild the entire application on a professional stack that could support a real freemium SaaS: proper RLS, TypeScript throughout, scalable component architecture, and a production-grade payment and auth layer.

Timeline
8 months reconstructed
Team
6 people reconstructed
Budget
$35k – $40k+ reconstructed
Platforms
2
Stackrecorded
React 18 + TypeScriptVite + SWCReact Router v6TanStack QueryTailwind CSSShadcn UI + RadixReact Hook Form + ZodSupabase PostgreSQL + RLSSupabase Edge Functions (Deno)Supabase RealtimeGoogle Gemini 1.5 FlashStripe Checkout + WebhooksBrevoMixpanel + GTM + Meta + TikTokVercel
Challenges

Each constraint, and what we did about it.

Constraint

Coralsoft's mandate was not to redesign the product — the UX patterns were working. It was to take the validated feature set and rebuild the entire application on a professional stack that could support a real freemium SaaS: proper RLS, TypeScript throughout, scalable component architecture, and a production-grade payment and auth layer.

What we did

The frontend is a client-rendered React SPA with React Router v6 protected routes gated by auth and subscription status. TanStack React Query manages all server state; Supabase Realtime subscriptions feed live data back into the cache without polling. Session quiz progress is persisted to sessionStorage so users can close the tab and resume exactly where they left off.

Results

Outcome, with the source of every figure.

7
Distinct question types with dedicated components and validation
self-reportedCoralsoft's own figure for its own delivery, stated in cases.ts. No third-party attestation in the sources.
11
Supabase Edge Functions covering the entire backend surface
self-reportedCoralsoft's own figure for its own delivery, stated in cases.ts. No third-party attestation in the sources.
<10s
From file upload to first interactive question
self-reportedCoralsoft's own figure for its own delivery, stated in cases.ts. No third-party attestation in the sources.
Showcase

How the system fits together.

4 of 20 views
kluuu-ai-quiz-platform.example
KLUUU quiz pipeline progress: reading, processing, generating and finalising stages
kluuu-ai-quiz-platform.example
KLUUU live quiz with a multiple-choice question and immediate correctness feedback
kluuu-ai-quiz-platform.example
KLUUU Stripe-backed subscription paywall with annual and weekly plans
kluuu-ai-quiz-platform.example
KLUUU — product screenshot
Roadmap

How it was sequenced.

8 monthsreconstructed delivery
Weeks 1–5

Discovery & architecture

PDF, DOCX, image and TXT inputs up to 50 MB → text extraction or vision input → structured Gemini prompt → JSON questions → live interactive quiz with progress persisted to sessionStorage.

  • Quiz generation pipeline
Weeks 6–18

Core build

Multiple choice, true/false, short answer, multiple select, fill in the blank, ordering, numeric — each with a dedicated React component and both client- and server-side validation.

  • Seven question types
Weeks 19–25

Integrations & data

Checkout session creation, webhook processing, customer portal, and a Supabase Realtime listener that upgrades the client's access level within 500ms of a successful payment — no page refresh required.

  • Stripe subscription infrastructure
Weeks 26–33

Hardening & QA

Server-side streak computation with timezone stored per user — so a daily window is accurate in Tokyo and Berlin independently.

  • Learning streak engine
Weeks 34–35

Launch & handover

Five Brevo automation triggers: welcome, onboarding completion, Pro upgrade thank-you, cancellation win-back (with discount) and streak-at-risk reminder — all fired from a single Edge Function.

  • Lifecycle email automation

More work like this.

Every case study is a Coralsoft delivery story, with the evidence behind each figure kept visible.