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

说明与用途

StudyFlow 将番茄钟、抽认卡和测验整合到一个网页应用中，让用户在不切换标签的情况下专注学习。

问题

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

结果

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

工作流

• 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.

证据

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

来源

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.

来源

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

来源

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

来源