Studybuddy

• 

• 

• 

Inspiration

We are surrounded by information—articles, papers, reports—but turning raw text into lasting knowledge is often overwhelming. Many learners read passively without retaining the main ideas. Inspired by this challenge, I wanted to build a tool that helps transform reading into active, engaging learning.

What it does

StudyBuddy is a lightweight web app that instantly converts any article into a structured study set. With one click, it:

Generates a concise summary

Extracts keywords

Creates quiz-style cloze questions

Presents interactive flashcards for active recall

Everything runs locally in the browser with no backend, making it private, fast, and accessible.

How we built it

Frontend: React + Vite for fast development and smooth UI

Styling: TailwindCSS for modern, responsive design

Logic: Custom JavaScript pipeline for text tokenization, keyword extraction, sentence scoring, summarization, and quiz generation

Persistence: LocalStorage for saving sessions, plus import/export JSON for sharing study sets

Challenges we ran into

Designing summarization and quiz generation without relying on external APIs

Building a clean, user-friendly interface that works well for both short and long texts

Ensuring browser compatibility while keeping the project lightweight and easy to run

Accomplishments that we're proud of

Built a fully functional learning tool in just one hackathon, with zero backend

Created a smooth interactive flashcard experience with animations

Developed an algorithm that produces meaningful summaries and quizzes without needing AI models

Packaged everything in a simple interface that anyone can use immediately

What we learned

How to design a text-processing pipeline from scratch using pure JavaScript

The importance of active recall and flashcards in memory retention

Balancing simplicity and functionality to create a tool that is practical yet demo-ready

How to pitch and present a project clearly under time pressure

What's next for StudyBuddy

Integrating real AI/LLM APIs for more advanced summarization and personalized quizzes

Adding support for multiple languages

Exporting flashcards to formats like Anki or PDF

Building collaboration features so learners can share and co-create study sets

Deploying a live web version accessible to anyone around the world

Built With

• css3
• dev
• es6+)
• html5
• javascript
• react
• server
• tailwindcss
• vite