💡 What Inspired Us
The inspiration for Prottutthor came from a universal struggle: interview anxiety and the lack of accessible, personalized feedback. We observed that:
- 🎤 Practice makes perfect, but feedback makes exceptional — Most candidates practice alone without knowing what they're doing wrong
- 💰 Professional coaching is expensive — Not everyone can afford ₹50,000+ interview preparation courses
- 🤖 Existing solutions lack depth — Generic question banks don't analyze how you answer, just what you answer
- 🌍 The name "Prottutthor" (Sanskrit/Tamil for "protector" or "guardian") embodies our mission to protect every candidate's dream job by ensuring they're fully prepared
We wanted to build a 24/7 AI interview coach that provides the same quality of feedback as a human expert — but accessible to anyone, anywhere, anytime.
🛠️ How We Built It
Prottutthor was engineered with production-grade architecture using cutting-edge technologies:
Frontend Architecture
- ⚛️ Next.js 15 with App Router for optimal performance and SEO
- 📘 TypeScript for type-safe, maintainable codebase
- 🎨 Tailwind CSS for rapid, responsive UI development
- 🧩 Custom React Components including:
VoiceScreen.tsx— Real-time voice recording interfaceCaptureScreen.tsx— Screen capture for technical interviewsResultScreen.tsx— AI feedback visualizationFollowUpChat.tsx— Interactive clarification chatActionPlan.tsx— Personalized improvement roadmapHistorySheet.tsx— Session history and progress tracking
Backend & AI Infrastructure
- 🎙️ Speech Processing — Custom
speech.tsmodule for audio transcription - 🧠 AI Analysis Engine —
analysis.tsfor evaluating response quality, clarity, and completeness - 🤖 Prompt Engineering —
prompts.tswith carefully crafted AI prompts for interview evaluation - 📅 ICS Integration —
ics.tsfor calendar scheduling of practice sessions - 🔒 Rate Limiting —
rate-limit.tsto ensure fair usage and prevent abuse - ✅ Validation Layer —
schema.tsandvalidation.tsfor data integrity
State Management
- 🗄️ Zustand Store —
useAppStore.tsfor efficient global state management - 🔄 Real-time Updates — Seamless state synchronization across components
Infrastructure & DevOps
- ☁️ Vercel — Edge deployment for global low-latency access
- 🐳 Docker — Containerization for consistent development and production environments
- 🧪 Vitest — Comprehensive test coverage with
analysis.test.ts,validation.test.ts,rate-limit.test.ts - 📝 ESLint — Code quality enforcement
- 🔧 CI/CD — GitHub Actions for automated testing and deployment
API Architecture
/api/analyze— AI-powered response analysis endpoint/api/voice-chat— Real-time voice conversation processing
⚡ Challenges We Faced
1. 🎙️ Real-Time Audio Processing
Building a reliable voice capture system that works across different browsers and devices required extensive testing and fallback strategies.
Solution: Implemented multi-layer error handling with graceful degradation and clear user feedback.
2. 🧠 AI Response Quality
Ensuring the AI provides actionable, specific feedback rather than generic advice was challenging.
Solution: Iterative prompt engineering with domain experts, creating a sophisticated prompts.ts that evaluates multiple dimensions:
- Clarity and structure
- Technical accuracy
- Communication confidence
- Completeness of answer
3. ⚡ Performance at Scale
Processing audio, running AI analysis, and generating feedback in real-time without lag.
Solution:
- Edge computing with Vercel for reduced latency
- Optimized serverless functions
- Efficient state management with Zustand
- Lazy loading and code splitting
4. 🔒 Security & Privacy
Handling sensitive interview recordings and personal data responsibly.
Solution:
- Rate limiting to prevent abuse
- Input validation on all endpoints
- Secure data handling practices
- Clear privacy policies
5. 📱 Cross-Platform Compatibility
Ensuring consistent experience across desktop, mobile, and different browsers.
Solution:
- Responsive Tailwind CSS design
- Progressive Web App (PWA) support with
manifest.ts - Extensive cross-browser testing
🎓 What We Learned
Technical Learnings
- 🎯 AI Integration — How to effectively integrate LLMs into production applications with proper error handling and fallbacks
- 🎙️ Audio Processing — Deep dive into Web Audio API, speech-to-text services, and audio file handling
- ⚡ Edge Computing — Leveraging Vercel's edge network for global performance
- 🧪 Testing Strategy — Writing comprehensive tests even under hackathon time pressure
- 🏗️ Architecture — Building scalable, maintainable code with clear separation of concerns
Product Learnings
- 👥 User-Centric Design — Building for real users requires constant empathy and feedback loops
- 🎯 Focus — Saying no to features that don't serve the core value proposition
- 📊 Metrics Matter — Understanding what success looks like beyond just "it works"
Team Learnings
- 🤝 Collaboration — Effective Git workflows, code reviews, and pair programming
- ⏰ Time Management — Prioritizing features under tight deadlines
- 🚀 Rapid Iteration — Build, test, learn, improve cycles
🏆 Key Features
| Feature | Description |
|---|---|
| 🎤 Voice Recording | Record your interview answers with high-quality audio capture |
| 📹 Screen Capture | Record coding sessions and technical problem-solving |
| 🧠 AI Analysis | Get instant feedback on answer quality, structure, and content |
| 💬 Follow-up Chat | Ask clarifying questions about your feedback |
| 📋 Action Plan | Receive personalized improvement strategies |
| 📅 Calendar Integration | Schedule practice sessions with ICS export |
| 📊 Progress Tracking | View history and track improvement over time |
| 🔒 Rate Limiting | Fair usage protection for all users |
🚀 What's Next
Short-term Goals
- 🌍 Multilingual Support — Expand to Hindi, Tamil, and other regional languages
- 📱 Mobile App — Native iOS and Android applications
- 🎮 Gamification — Achievement badges, streaks, and leaderboards
- 👨🏫 Teacher Dashboard — Analytics for educators and coaches
Long-term Vision
- 🤖 Advanced AI — Multi-modal analysis including facial expressions and body language
- 🏢 Enterprise Platform — B2B solution for companies and universities
- 📈 Predictive Analytics — AI-powered success probability scoring
- 🌐 Global Marketplace — Connect candidates with human coaches for premium feedback
🙏 Acknowledgments
This project was built with passion for democratizing interview preparation. Every line of code was written with the goal of helping one more candidate land their dream job.
Built With
- app-router
- client-components
- css
- docker
- edge-computing
- eslint
- git
- github-actions
- html
- javascript
- next.js
- node.js
- npm
- postcss
- react
- responsive-design
- rest-api
- server-components
- serverless-functions
- tailwind-css
- typescript
- vercel
- vite
- vitest
- web

Log in or sign up for Devpost to join the conversation.