StudyFlow — A Study App Built for My Friend Who Can't Focus

Description and use

StudyFlow consolidates Pomodoro timer, flash cards, and quiz mode into a single web app, enabling focused study without tab switching.

Problem

A friend preparing for exams struggled to stay focused while juggling separate Pomodoro, flash card, and quiz tools.

Outcome

StudyFlow enabled the user to manage focus, review, and test in one place, improving study efficiency and reducing context switching.

Workflow

• 1. Open StudyFlow in a browser.
• 2. Select the Pomodoro tab to start a focus session with customizable durations and audio alerts.
• 3. During breaks, switch to the Flash Cards tab to review questions with a 3D flip animation.
• 4. After reviewing, use the Quiz Mode tab to take a multiple‑choice quiz and receive instant feedback and a visual score ring.
• 5. Repeat cycles as needed without leaving the app.

Evidence

I built StudyFlow — a clean, all-in-one study app with three core tools: Pomodoro Timer, Flash Cards, Quiz Mode.

Source

I built it for my friend who's preparing for exams and struggles to stay focused. They were juggling between a separate Pomodoro app, physical flash cards, and a quiz website — all disconnected.

Source

I used Google Gemini (an open-weight AI model) through an agentic coding assistant to pair-program the entire app.

Source

The entire project is built with vanilla HTML, CSS, and JavaScript — no frameworks, no npm packages, no build tools.

Source