Study Buddy

Nakul Chaurasia — Sat, 03 Oct 2026 15:32:11 +0000

This is a submission for the Hacktoberfest Weekend Challenge: Build for a Friend

What I Built

I built StudyBuddy—an all-in-one, distraction-free study companion web app designed to help learners conquer exam fatigue, stay in deep focus, and retain knowledge effectively.

The Friend I Built It For

I built this for my friend who has been preparing for demanding tech certification exams and software engineering interviews. Like many students and self-learners, they found themselves constantly context-switching between 4 different tools:

A noisy Pomodoro timer app filled with ads.
A clunky online flashcard app that required an account and monthly subscription.
Random quiz websites that didn't allow customizing questions.
A white noise app that drained laptop battery in the background. This fragmentation caused friction and mental exhaustion before the actual studying even started. ### The Solution: StudyBuddy StudyBuddy unites all these tools into a single, cohesive, zero-friction experience:
⏱️ Customizable Pomodoro Clock: Choose or customize your Focus, Short Break, and Long Break durations, track session rounds, watch a smooth SVG progress dial, and hear a calming 3-note audio chime upon completion.
🎧 Built-In Focus Ambience: Synthesized soundscapes (Rain, White Noise, Ocean Waves) built directly with the Web Audio API—no heavy streaming or external audio files required.
🗂️ Interactive 3D Flashcards: Realistic flip animations, card recall grading ("Mastered" vs. "Needs Review"), deck switcher, and full card editing/shuffling with keyboard shortcuts (Space, ◀, ▶).
📝 Quiz Master (with 1-Click Flashcard-to-Quiz Conversion): Test recall with instant feedback and explanations. Learners can build custom multiple-choice quizzes or auto-generate a quiz directly from their active flashcards!
🤖 Pixel the Virtual Study Buddy: An animated, expressive companion mascot that shares contextual encouragement, tracks daily focus time, and celebrates high quiz scores with confetti.

- 🔒 100% Private & Offline-Ready: Operates completely in the browser with `localStorage` persistence, dark/light mode toggle, and full JSON data export/import capabilities.

Demo

Live Demo Link: https://cybertony786.github.io/studybuddy/
Repository Preview:



 ┌─────────────────────────────────────────────────────────────┐
 │  StudyBuddy 🎓           [Pomodoro] [Flashcards] [Quiz] [⚙]  │
 ├───────────────────────────────┬─────────────────────────────┤
 │                               │   🤖 Pixel (Study Buddy)    │
 │            25:00              │   "You've got this! Let's   │
 │        [Stay focused]         │    conquer your goals!"     │
 │          Round 1/4            │                             │
 │                               │   🎯 Goal: Master Closures  │
 │     [Start]  [Reset]  [Skip]  │   ⏱ 50m Focus Today        │

INTRO

Nakul Chaurasia — Thu, 01 Oct 2026 17:07:09 +0000

I am new to the community,happy to be the part of dev.