StudyFlow

1st place · Claude Builder Club

A study app that turns your course notes into a study plan, practice questions, and a readiness score for each exam.

Upload PDFs, Word files, or photos of notes. Claude writes a study plan, generates practice questions that get harder as you improve, and gives feedback on each answer. A dashboard tracks exam readiness and weak topics.

StudyFlow course dashboard with operating systems, deep learning, and game theory courses — **fig. 1**A demo account’s dashboard: today’s goals and three courses with exam countdowns, using sample data.

how it works

Claude handles study plans, practice generation, and feedback.
Supabase holds auth and storage, with TanStack Query and Zustand managing app state.

outcome

Won 1st place at UofT’s Claude Builder Club Sonnet 4.5 Show n Tell in October 2025.

Next.js 15, TypeScript, Supabase, Anthropic Claude API, Recharts

source original demo

Screens and a walkthrough

fig. 3Recorded from the cloned StudyFlow interface with a local sample account. No live AI generation is shown.

Organize your courses and choose what to study.

0:20 · silent, with on-screen explanations

read the walkthrough

See your courses. The dashboard gathers your courses in one place. Start with the subject you need.
Open a course. Choose Study to open the course workspace and see the exam date and materials.
Choose the next activity. From this workspace, you can upload materials or choose a study tool.