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.

Источник