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

Share this project:

Updates