Stubby AI

Setup Page
Chatbot Page

Inspiration

Learning can be frustrating when explanations don’t match your style or your questions aren’t directly answered. We wanted to build something that adapts to the learner's needs. The goal was to make studying personal, interactive, and fun.

What it does

Study Buddy lets you:

Choose your education level and learning topic
Pick a personality to explain concepts in a way that clicks for you
Ask questions via text or voice input
Upload PDF/DOCX files or audio recordings for context
Receive explanations in text and audio, powered by ElevenLabsAI

In short, it’s like having a personal tutor who speaks your language.

How we built it

We built Study Buddy with React on the frontend. The AI responses are generated through the Google Gemini API and converted to speech using Eleven Labs. File uploads are processed client-side to provide context for the AI, and speech recognition allows users to ask questions naturally. State management and asynchronous handling in React made the chat feel seamless and responsive.

Challenges we ran into

Integrating multiple APIs in real time was tricky — ensuring Gemini responses, Eleven Labs audio, and file content all worked together without lag took careful planning. Parsing PDF and DOCX files client-side to feed meaningful context into AI responses was another challenge. We also had to ensure audio playback was smooth and aligned with text output.

Accomplishments that we're proud of

Successfully creating an interactive AI tutor with personalities
Enabling multi-modal input: text, voice, and uploaded files
Seamlessly integrating real-time AI responses with text-to-speech
Designing a clean, user-friendly interface for learning

What we learned

We gained hands-on experience with AI integration, asynchronous programming, and client-side file processing. We also learned how to design a product that focuses on user experience and accessibility, balancing functionality with simplicity. Finally, we got a deeper understanding of how to connect APIs and manage state in a real-time interactive application.