VoiceScholar

• 

  Dashboard

• 

  Features

• 

  User Profile

• 

  Voice Assistant

• 

  Sign up page

• 

  Log in page

🚀 Inspiration: As students, we often found ourselves overwhelmed with study plans, goals, and staying consistent. We wanted something (more human) than a static chatbot or generic app. That's what inspired VoiceScholar - an AI voice mentor that understands you through speech, talks back with AI voice, and supports your learning journey like a real mentor would.

💡 What it does VoiceScholar is a fully responsive, voice-powered AI app that:

• Takes voice input using speech recognition (Web Speech API)
• Responds using realistic AI-generated voice via ElevenLabs
• Understands study-related queries and provides motivational + educational responses
• Allows both voice and text interaction
• Saves user conversations (with authentication via Supabase)

🛠️ How we built it

• Frontend: React + TypeScript + TailwindCSS
  
• Voice Input: Web Speech API
  
• Voice Output: ElevenLabs Text-to-Speech API
  
• Authentication & Database: Supabase (for user auth + future convo storage)
  
• Deployment: Netlify
• Project Management: GitHub + VS Code

🧗 Challenges we ran into

• Enabling microphone permissions consistently across browsers
  
• Handling real-time async flow between audio input → AI processing → audio output
  
• Managing .env variables and API keys during Vercel deployment
  
• Fixing issues with Git setup and remote conflicts
  
• Making the UI/UX feel polished and mobile-friendly

🏆 Accomplishments that we're proud of:

• Built a working voice-based AI mentor from scratch
  
• Integrated ElevenLabs API successfully with real-time playback
  
• Deployed a fully working, interactive app on Vercel
  
• Created a smooth user experience with both text and voice chat

📚 What we learned

• How to handle browser-based audio recording and voice playback
  
• Managing asynchronous functions in React effectively
  
• Working with Supabase for authentication
  
• Real-world debugging of deployment errors and Git workflows
  
• Designing intuitive UI for both desktop and mobile

🚀 What's next for VoiceScholar

• Adding a progress tracker for users
  
• Saving full conversation history tied to authenticated accounts
  
• Allowing multiple language support
• Adding learning modules based on user goals
  
• Integrating reminder notifications and gamified achievements
  

Built With

• api
• elevenlabs
• git
• github
• netlify
• react
• supabase
• tailwind-css
• typescript
• vite
• web-speech