Work/Quizitude
Case Study

Quizitude

Role
Full-stack engineer
Timeline
2025
Type
AI-powered study platform
Stack
ReactViteSupabaseOpenRouterVitest
Replica Model - View actual screenshots and case study details belowReplica Model Only

Welcome back, Alex

Keep going, you are making progress

streak flame
7
Day Streak
M
20
T
21
W
22
T
23
F
24
S
25
S
26

Recent

Database

ACID Database Principles

12 flashcards

React

React Hooks Advanced

18 flashcards

Categories

📚
Database
24 decks
📚
React
18 decks
📚
Programming
42 decks
📚
Frontend
31 decks
📚
Backend
27 decks
📚
DevOps
16 decks
Live -
PDF import
LLM extraction
Study mode
Overview

Turning study files into active learning sessions

Quizitude converts uploaded study material into usable flashcard decks with AI-assisted question extraction. The focus is reducing setup friction between content and active revision.

The product combines ingestion, curation, and study mode into one workflow so users can go from source document to practice session quickly.

PDF + DOCX
Supported source formats
3D
Flashcard flip interaction
End-to-end
Upload, generate, study, track
Problem

Students lose momentum between collecting and revising content

Manual flashcard creation takes time and often delays study sessions, especially when learners are working from lengthy lecture documents.

"The tool should save cognitive energy for learning, not spend it on repetitive content setup."

The core product challenge was to automate extraction while still preserving review quality and clear user control.

Design

Designed around fast creation and repeatable practice

The interface uses a wizard-like flow for file upload, extraction settings, preview, and deck creation. Each stage exposes only the decisions needed for that moment.

Study mode emphasizes rhythm and feedback with a clear front/back card interaction and result summaries that support repeat sessions.

Engineering

Combining AI workflows with reliable data handling

Quizitude integrates document parsing with LLM-backed extraction and Supabase persistence. The architecture separates API interactions, deck logic, and UI state to keep iteration manageable.

Testing coverage and service-layer boundaries support safer updates as extraction prompts, file handling, and study logic evolve.

Challenge

AI-generated output can vary in structure and quality depending on source files.

Solution

Implemented a review-oriented generation flow that surfaces extracted content before commit, allowing users to validate deck quality.

Challenge

Study UX needed to be engaging without distracting from comprehension.

Solution

Used lightweight 3D flip transitions and session-based scoring to create momentum while keeping controls simple.

Re
React + Vite
Frontend application
SB
Supabase
Auth and relational data
AI
OpenRouter / LLM
Question extraction
PD
PDF + DOCX parsing
Input processing
Te
Vitest
Test validation
UX
MUI components
Accessible UI foundation
Lessons

What this project reinforced

Building Quizitude improved my approach to AI product design where reliability and usability need to co-exist.

01
AI needs transparent checkpoints. Users trust AI-assisted workflows more when intermediate outputs are visible and editable before final save.
02
Learning tools need pace, not noise. A focused interaction model with clear scoring feedback creates stronger repeat engagement than feature-heavy study dashboards.
03
Service boundaries reduce chaos. Keeping parsing, generation, and persistence concerns separated made debugging and iteration much faster.