Inspiration

After building SmartHire (https://smarthire-ai-lrq8.vercel.app/signup)—a fully featured professional resume analysis platform—I noticed a widespread problem. Many candidates were getting their resumes screened successfully, but when they faced actual live interactive technical interviews, high anxiety and lack of real-time role-specific practice caused them to struggle.

I was inspired to build AI Interview Coach (https://evorozen-hackathon.vercel.app/) to act as the ultimate realistic simulation tool, completing the lifecycle of candidates' prep journey and giving them a supportive, realistic sandbox environment to practice coding and engineering interviews.

About the Project AI Interview Coach is an advanced, next-generation interview simulator designed to bridge the gap between technical preparation and real-world interview anxiety. By mimicking professional interview loops, it prepares candidates dynamically with contextual questions, analytical scoring, and constructive feedback across six specialized domains. Inspiration Preparing for modern technical or management roles can be overwhelming. Standard question banks are static, boring, and cannot provide customized corrective feedback. Our team wanted to build an interactive, conversational coach that acts as a friendly senior engineer or hiring manager. We were inspired to solve the "blank screen syndrome" where candidates know the concepts but struggle to formulate pristine, articulate answers under pressure or during a timer. What it does AI Interview Coach delivers a fully integrated, responsive mock interview stage: Dynamic Question Loops: Progressively generates 5 targeted technical and operational questions tailored to roles like Software Engineer, Frontend Developer, Full Stack Developer, Data Scientist, Product Manager, and DevOps Engineer. Instant Feedback & Scoring: Analyzes candidate answers instantly against key industry concepts and awards a structured score ( ) with a constructive breakdown. No-Quota Local Simulator: Integrates a fully offline local backup engine to ensure continuous evaluation, preventing quota limits or Gemini API failures from breaking the user experience during presentation loops. Comprehensive Scorecards: Calculates cumulative marks out of 50 and generates a professional executive roadmap summary of strengths and study habits. How we built it Frontend Stack: Built with React 18 and TypeScript compiled on a fast Vite architecture. Styling Architecture: Designed a sleek, distraction-free "Cosmic Slate Blue" minimalist theme with fully custom card systems, styled using Tailwind CSS. Animation Layer: Integrated fluid micro-interactions, layout transitions, and pulsating countdown rails powered by motion (Framer) and lucide-react icons. AI Core: Wired directly with the next-generation Google Gemini API SDK on the server-side to generate creative prompts, review answers, and draft evaluations. Resilience Engine: Implemented a secondary heuristic scanner that activates automatically if the live API returns a rate limit (HTTP 429), switching safely to our local simulator so that zero-quota states never disrupt the active stage. Challenges we ran into API Key Format Variations: We faced problems where new Gemini keys issued in Google AI Studio start with a premium format query pointer (AQ.Ab8...) instead of the standard public identifier AIza.... We resolved this by expanding our token validators to recognize both formats seamlessly. Quota & Rate Limits: Live judges and mass beta testing can exhaust Gemini free-tier quotas. To solve this, we spent meticulous hours engineering a Smart Offline Hybrid System that can instantly swap to a local heuristic tokenizer & assessor on the fly without breaking the user session. Iframe Sandboxing Constraints: Maintaining strict session histories, local storage values, and audio feedback indicators inside embedded browser containers required lightweight states instead of bulky persistent trackers. Accomplishments that we're proud of Robust Outage Handler: Realizing that our application is 100% immune to API key limits or quota exhaustions because the engine instantly boots up local evaluations automatically. High-Fidelity Visual Design: Achieving a premium, dark futuristic terminal cockpit for mock tests that focuses 100% on concentration and interactive rhythm. Role Scalability: Defining six comprehensive question repositories and assessment templates that scale into precise domains effortlessly. What we learned Defensive Error Engineering: Designing robust fallback networks is not an afterthought; it makes or breaks user trust when interacting with public cloud resources. Typography Aesthetics: How pairing structured headings with high-contrast indicator badges (like our offline simulator warning tag) crafts an honest, functional, and authoritative application interface. API Formats: Deepened our understanding of the evolving structure of developer credentials within Google Developer and Cloud projects. What's next for AI Interview Coach Voice-to-Text Integration: Moving beyond standard text boxes to let candidates literally speak their answers, analyzing spoken pacing, tone, and grammar. Real-time Video Body-Language Assessment: Integrating face-landmark tracking to record posture confidence and eye-contact habits.

What's next for AI Interview Coach (The SmartHire Synergy!)

My ultimate master plan is to integrate AI Interview Coach directly into my active platform, SmartHire.

By bringing these two technologies together, the system will become an end-to-end industry candidate pipeline:

  1. A candidate uploads their resume to SmartHire to analyze their professional scores.
  2. SmartHire identifies key tech stack components in the resume and instantly triggers a custom live AI Interview Coach session specifically configured around that candidate's experience level and target role.
  3. The candidate finishes practicing, receives a unified grade, and enters the workforce with elite-level preparation.

Built With

  • ai-studio-sandbox
  • css3
  • html5
  • javascript-frameworks:-react-18
  • languages:-typescript
  • lucide-react-(icons)
  • motion/framer-(animations)-api-services:-google-gemini-developer-api-(generative-language-models)-deployment-platform:-google-cloud-run
  • vite-libraries:-tailwind-css-(styling)
Share this project:

Updates

Submission history