DreamChase

DreamChase is an AI mentor that turns goals into 7-day plans, verifies your work in real time, and ensures true mastery with visual feedback.

Comment

Inspiration

The internet is full of “7-day roadmaps,” yet most self-learners drop off due to two core issues: lack of accountability and generic, one-size-fits-all content.
We set out to build something that feels like a real mentor—like a senior engineer or career coach sitting beside you—who doesn’t just suggest resources, but actively verifies your work and confirms: “Yes, you did this right.”

What it does

DreamChase is an AI-powered career coach that transforms any professional goal into a verified, gamified learning journey.

  • AI Roadmap Engine
    Generates a personalized 7-day plan with resources verified using Google Search grounding (no broken links).

  • Multimodal Scanning
    Upload a syllabus or textbook image, and the AI extracts the curriculum instantly to customize your roadmap.

  • Live AI Mentor Verification
    Powered by Gemini Vision — the AI “sees” your screen or camera, verifies your work, and conducts real-time voice-based knowledge checks.

  • Gamified RPG System
    Earn XP, collect Gold Stars, unlock levels, and celebrate progress with immersive animations.

How we built it

  • AI Core
    Google Gemini 2.5 Flash for fast, multimodal inference.

  • Vision & Real-Time Interaction
    WebSockets (Flask-Sock) stream video frames to the backend, where Gemini Vision analyzes user proof in real time.

  • Voice Synthesis
    Custom TTS pipeline using high-quality natural voices, synced with a dynamic glassmorphism UI orb.

  • Frontend
    High-performance Vanilla JS with strong state management and a premium neo-brutalist glassmorphic design.

  • Backend
    Python Flask server handling multimodal prompts, Google Search grounding, and Firebase authentication.

Challenges we ran into

  • WebSocket Synchronization
    Streaming video while maintaining conversational state required precise frame buffer handling to avoid race conditions.

  • Link Hallucinations
    Early roadmaps included broken links. Solved by enforcing Google Search grounding in prompt generation.

  • Voice HUD Syncing
    Matching UI animations with speech timing across browsers required deep tuning of animation listeners.

Accomplishments that we’re proud of

  • Visual Verification Breakthrough
    The AI could “see” a NumPy array and respond: “I see your code—how did you reshape that array?” — a major turning point.

  • Premium UI/UX
    Built an experience that feels like an RPG, not a traditional learning tool.

  • Zero-Friction Onboarding
    Users can generate a roadmap and complete their first verified task in under 60 seconds.

What we learned

  • Multimodal is the Future
    Moving beyond text creates a far more immersive learning experience.

  • Structured Prompt Engineering
    Enforcing strict output formats (HTML/structured responses) enables seamless UI rendering without manual parsing.

  • Latency Optimization Matters
    Gemini 2.5 Flash balanced speed and capability for real-time interaction.

What’s next for DreamChase

  • Collaborative Quests
    Users can verify each other’s work alongside the AI mentor.

  • Skill Tree Visualization
    Transition from linear 7-day plans to dynamic, branching 3D skill trees.

  • Mobile Integration
    Use smartphone cameras to verify real-world tasks (e.g., hardware builds, circuits).

Built With

  • avascript
  • canvas-confetti-database:-localstorage-apis:-google-gemini-(2.5-flash)
  • css-frameworks:-flask
  • firebase
  • firebase-auth
  • flask-sock
  • gcp
  • google-search-grounding
  • html
  • python
  • web-speech-api-cloud/platforms:-google-ai-studio
  • webrtc
Share this project:

Updates