Prepfolio AI

AI-Interview-prep

Comment

Inspiration

Inspiration The technical interview process can be incredibly intimidating, especially for students and early-career developers who lack access to mentors or expensive coaching platforms. We wanted to democratize interview preparation — making high-quality, personalized feedback accessible to everyone, not just those who can afford bootcamps or coaching sessions. The idea of combining AI with a beautiful, engaging UI to simulate real interview conditions sparked the creation of Prepfolio AI.

What it does Prepfolio AI is a comprehensive full-stack web application that helps users prepare for technical interviews through multiple AI-powered tools:

🎤 AI Mock Interviews — Speak your answers via microphone and receive real-time feedback on communication confidence, clarity, and technical accuracy powered by Google Gemini Pro. 📄 AI Resume Scanner — Upload your PDF resume and get an instant role-match score along with actionable improvement tips tailored to your target job description. 🧠 Technical Quizzes — Timed MCQ quizzes covering DSA, OOPs, DBMS, and Web Dev with real-time countdown. 📊 Progress Dashboard — Interactive charts showing Accuracy Trends and Topic Mastery, plus an AI Readiness Score based on your performance history. 🤖 AI Chatbot — A 24/7 built-in assistant for coding queries. 🛡️ Admin Console — Role-based access control, user management, system health monitoring, and quick-action tools. 📰 Newsletter & About Page — Email subscription with real-time validation and a visual showcase of the platform's mission and tech stack.

How we built it We built Prepfolio AI as a full-stack MERN application with AI at its core:

Frontend: React.js with React Router v7, Framer Motion for animations, Recharts for data visualization, and Lucide React for icons — all wrapped in a custom "Neon Glass" design aesthetic. Backend: Node.js + Express.js REST API with MongoDB (Mongoose) for data persistence and Multer for PDF file handling. AI Engine: Google Generative AI (Gemini Pro) powers the mock interview feedback, resume analysis, and chatbot. Authentication: JWT-based role access control with BCryptJS for secure password hashing. Deployment: Production-ready setup on Render (backend) and Vercel (frontend).

Challenges we ran into Challenges we ran into

Integrating voice recognition with real-time AI feedback in a seamless, low-latency way required careful handling of browser APIs alongside async Gemini Pro calls. Building a resume scanner that accurately parses PDF content and maps it meaningfully to job descriptions took multiple iterations of prompt engineering. Designing a role-based admin console with live system health indicators while keeping the UI performant and responsive was a significant engineering challenge. Maintaining the "Neon Glass" aesthetic consistently across mobile, tablet, and desktop without sacrificing performance required extensive CSS and responsive design work.

Accomplishments that we're proud of Successfully integrating Google Gemini Pro across three distinct use cases — interviews, resume scanning, and chatbot — each with tailored prompt engineering. Building a production-ready full-stack app with authentication, admin controls, analytics, and AI features all working together seamlessly. Creating a genuinely beautiful and unique UI with the Neon Glass design system that makes interview prep feel less stressful and more engaging. Achieving real-time voice-to-AI feedback in the mock interview module.

What we learned Deep practical experience with Google Gemini Pro's API and how to craft effective prompts for different domains (HR, technical, resume analysis). How to handle PDF parsing on the backend using Multer and feed structured content into an LLM pipeline. The complexity of role-based access control in a full-stack app and how to architect it cleanly across frontend routes and backend middleware. That UI/UX investment pays off — a polished design significantly improves user engagement and confidence in the product.

What's next for Prepfolio AI 🌐 Company-specific interview tracks — tailored question sets for top tech companies like Google, Amazon, and Microsoft. 📹 Video interview simulation — adding webcam support with posture and eye contact analysis. 🤝 Peer-to-peer mock interviews — connecting users for live practice sessions. 📱 Native mobile app — bringing Prepfolio AI to iOS and Android. 🏆 Leaderboards & streaks — gamification to keep users motivated and consistent.

What it does

How we built it

Challenges we ran into

Accomplishments that we're proud of

What we learned

What's next for Prepfolio AI

Built With

Share this project:

Updates