Inspiration
We’ve all struggled with keeping study notes organized and retaining key concepts before exams. While there are great tools out there, many are either too rigid or not tailored for fast-paced learning. We wanted to build something that makes note-taking, review, and active recall easier, faster, and more engaging.
What it does
Study Buddy is an AI-powered web app that helps students:
Turn their notes into smart, flippable flashcards
Ask questions directly to an AI trained on their own notes
Organize and review study material by topic
Improve recall through interactive learning
How we built it
We built the frontend using Next.js, TailwindCSS, and ShadCN UI for a smooth and responsive user experience. The backend is powered by Supabase (PostgreSQL + auth) and Prisma for database interactions. We integrated Gemini 1.5 Flash (Google Generative AI) to generate flashcards and answer user questions based on note context. Framer Motion animations and OKLCH-based themes enhanced UI polish and accessibility.
Key tech/tools:
Next.js (React)
Supabase (auth + database)
Prisma ORM
Google Generative AI (Gemini)
TailwindCSS + ShadCN UI
Framer Motion (animations)
Challenges we ran into
- Learning curve for teammates,
- making UI content,
- Balancing design polish with core functionality in a limited time frame
Accomplishments that we're proud of
- Fully functional flashcard generator with flip animations
- Teammates learned about APIs, Frontend frameworks, databases
- Dark/light theme with OKLCH support
- Modern UI
- Getting it done on time
What we learned
- How to integrate advanced AI (Gemini) into a real-world app
- Optimizing UI responsiveness with Framer Motion and CSS variables
- How to scope features effectively under time pressure
What's next for Study Buddy
- A more responsive mobile app
- Ai tutoring sessions
- integrating more AI features such as linking wikipedia pages for further learning
- Ability to upload your notes and connect them with our application
- ability to group notes into folders
- Multi-language support for international learners
- Integration with Google Drive / Notion for easy note imports
Built With
- framer-motion
- gemini
- nextjs
- postgresql
- prisma
- supabase
Log in or sign up for Devpost to join the conversation.