Study Buddy Extension

Inspiration

• I noticed that while studying online, long paragraphs and dense text often made learning slow and tiring.
  
• I wanted a tool that helps students quickly grasp key ideas and makes studying more efficient.
  

What it does

• Summarizes long text into simple, digestible key points.
  
• Translates text automatically without needing to choose the language manually.
  
• Proofreads text for grammar and clarity.
  
• Rewrites content in different tones or formats to suit different needs.
  

How we built it

• Used HTML, CSS, and JavaScript for a clean and interactive interface.
  
• Integrated AI APIs for summarization, translation, proofreading, and rewriting.
  
• Stored user preferences with Chrome’s storage.local.
  
• Added a settings panel so users can customize context, tone, and other behaviors.
  

Challenges we ran into

• Passing user-defined context correctly to AI models.
  
• Automatically detecting the language for translation without using dropdowns.
  
• Designing a compact, intuitive popup that works well in Chrome’s limited space.
  

Accomplishments that we're proud of

• Successfully integrated multiple AI capabilities in one extension.
  
• Created an intuitive UI that students can use immediately.
  
• Built a tool that actually helps students study faster and write better.
  

What we learned

• Gained experience in Chrome Extension development and asynchronous JavaScript.
  
• Learned how to integrate modern AI APIs effectively.
  
• Improved UI/UX design skills for constrained interfaces.
  

What's next for Study Buddy Extension

• Add real-time summarization while selecting text.
  
• Support multi-lingual rewriting.
  
• Include features like question generation and text-to-speech to make studying more interactive.

Built With

• ai
• built-in-ai
• css3
• html5
• javascript