StudyBuddy

Gamify your learning. Earn XP every time you study.

Comment

Inspiration

We noticed that studying online can feel lonely and boring, even when the content is good. But games make us feel motivated, rewarded, and excited to keep going. So we asked: What if learning online felt like leveling up in a game? StudyBuddy was born from that idea, making learning feel fun, rewarding, and encouraging.

What it does

StudyBuddy is a Chrome extension that turns any learning activity into a game. You earn XP for studying, completing tasks, staying focused, and taking action on educational pages. A small buddy appears on the screen, reacts to your progress, and keeps you motivated. The more you learn, the more you level up.

How we built it

We built StudyBuddy using React for the UI and Tailwind CSS for fast, clean styling. The extension runs on Manifest V3, with background scripts handling XP, levels, and user progress. We inject a floating Study Buddy directly into learning pages using content scripts and track user actions through DOM events. All progress is stored locally using chrome.storage, so it feels instant and lightweight. We iterated quickly, tested across different types of websites, and tuned the XP system to feel smooth, encouraging, and fun.

Challenges we ran into

  • Detecting learning activity across many different page structures
  • Avoiding false XP triggers while still keeping detection flexible
  • Injecting UI elements without breaking existing websites
  • Handling state updates and syncing XP across multiple pages
  • Making the experience feel fun, rewarding, and not distracting

Accomplishments that we're proud of

  • A working MVP built in under 48 hours
  • A full XP + Level system that feels natural
  • Cross-site activity detection that actually works
  • A cute floating buddy that responds instantly
  • Turning boring study time into something genuinely enjoyable

What we learned

We learned how hard it is to design universal logic for unpredictable websites. We also learned the value of small, delightful interactions, like XP toasts or animations, in keeping users motivated.

Most importantly, we learned that learning doesn’t have to feel dry. With the right design, it can feel playful.

What's next for StudyBuddy

  • More buddy characters + cosmetics
  • Daily streaks + challenges
  • A dashboard to track learning habits
  • Leaderboards for friends or classmates
  • XP modifiers for goals, topics, or time of day
  • More advanced detection for quizzes and lessons

Built With

Share this project:

Updates