StudySage

"Your Study, Your Career, Your Sage."

Comment

Inspiration

High school students often experience a "vision gap"—the distance between their dream career and their daily study habits. Many feel overwhelmed by career choices and lack the discipline to organize their learning. We were inspired to build a bridge between high-level career ambition and day-to-day academic execution using advanced AI.

What it does

StudySage is an immersive, gamified career counselor and study coach.

  • Neural Scan: A psychological assessment profiling strengths.
  • Career Deck: AI-suggested career paths with real-time growth metrics.
  • Study Matrix: Generates a 7-day actionable timetable and resource stream.
  • AI Mentor: A live voice uplink for academic consultation.

How we built it

We utilized a multi-model Google Gemini API architecture:

  • Gemini 3 Flash: Powers rapid neural scoring and timetable generation.
  • Gemini 3 Pro: Handles complex reasoning for strategic roadmaps.
  • Gemini Live API: Enables human-like voice interaction. The frontend is built with React 19, TypeScript, and Tailwind CSS.

Challenges we ran into

Integrating the Gemini Live API required implementing raw 16-bit PCM audio handling via the Web Audio API. Managing bi-directional streams without latency was our primary technical hurdle.

Accomplishments that we're proud of

Transforming a productivity tool into a gamified experience. The seamless transition from a career discovery "quest" to a functional study timetable feels natural and rewarding.

What we learned

We learned that multimodal AI drastically improves user trust. Moving beyond text to native audio conversation changes how students perceive digital guidance.

What's next for StudySage

We plan to integrate Google Calendar for automated scheduling and use Veo 3.1 to generate motivational "vision videos" for the user's roadmap.

Built With

  • css3
  • gemini-3-flash
  • gemini-3-pro
  • gemini-live-api
  • google-gemini-api
  • html5
  • localstorage
  • lucide-react
  • mediadevices-api
  • react
  • tailwind-css
  • typescript
  • web-audio-api
Share this project:

Updates