AI Study Companion

✨ About the Project

📌 Inspiration

The idea for StudyAI was born out of the need for an accessible, intelligent study assistant that could help students across all disciplines without overwhelming them with ads, distractions, or paywalls. As students ourselves, we understood the struggle of juggling multiple subjects, sourcing quality explanations, and tracking our own progress. We wanted a tool that felt like a mix between a tutor, a study planner, and a digital notepad, all powered by AI.

💡 What We Learned

• How to integrate Generative AI (Google Gemini) into real-time applications
  
• Implemented image-to-text analysis using Google Vision API
  
• Built a scalable backend with Supabase including RLS policies and triggers
  
• Designed a modular front-end using React, TailwindCSS, and Vite
  
• Balanced UI/UX for both productivity and accessibility (dark/light mode, mobile-first)
  
• Leveraged TypeScript to create reliable, typed interfaces across services and components
  

🔧 How We Built It

• Frontend: Built with React + Vite + TailwindCSS
  
• AI Chat: Google Gemini API for natural language responses
  
• Vision: Google Vision API for extracting text from images
  
• Backend: Supabase for database, auth, and storage
  
• Deployment: Netlify for live hosting and CI/CD
  
• Extra Tools: Lucide React Icons, custom markdown formatting, session tracking, bookmarks, and profile customization
  

🚧 Challenges We Faced

• Handling API quotas and latency from AI responses in real-time
  
• Managing file uploads and OCR across devices and formats
  
• Designing a unified experience for both document-based and freeform chat-based studying
  
• Creating adaptive learning experiences without overwhelming the user with too much information
  
• Ensuring Row Level Security and protecting user data in a multi-user environment
  

🙌 Outcome

StudyAI is now a fully functional AI-powered study companion that enables students to:
✅ Ask subject-specific questions
✅ Upload notes or textbooks
✅ Get instant answers with citations
✅ Track their study history and achievements
✅ Learn at their own pace with AI by their side

Built With

• api
• cloud
• google
• javascript
• react
• supabase
• tailwind
• typescript
• vite