InterviewFlow
Technologies Used
ReactViteTailwind CSSGoogle Gemini APIReact Router
Overview
A full-featured interview preparation platform built collaboratively during Chingu Voyage 59 that provides role-based practice sessions, AI-powered hints, daily challenges, and comprehensive review of interview performance.
Challenges
- 1Integrating Google Gemini API for context-aware AI assistance without spoiling answers
- 2Managing complex state for interview sessions, authentication, and chat history
- 3Creating an intuitive multi-step interview flow with role selection and results review
- 4Building an accessible, responsive experience across all devices
Solutions
- Implemented React Context API for global state management of auth, interviews, and chat
- Built dynamic system prompts for AI that provide hints using interview frameworks like STAR method
- Created a modular component architecture with dedicated pages for each interview stage
- Used Tailwind CSS utilities and mobile-first design for seamless responsiveness
- Integrated localStorage for persistent authentication and session history
Results
Deployed on Vercel with 20 randomized questions per session, real-time progress tracking, 3-session history storage, AI chatbot assistance, and daily challenges with full question reviews