💡 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 interface
    • CaptureScreen.tsx — Screen capture for technical interviews
    • ResultScreen.tsx — AI feedback visualization
    • FollowUpChat.tsx — Interactive clarification chat
    • ActionPlan.tsx — Personalized improvement roadmap
    • HistorySheet.tsx — Session history and progress tracking

Backend & AI Infrastructure

  • 🎙️ Speech Processing — Custom speech.ts module for audio transcription
  • 🧠 AI Analysis Engine — analysis.ts for evaluating response quality, clarity, and completeness
  • 🤖 Prompt Engineering — prompts.ts with carefully crafted AI prompts for interview evaluation
  • 📅 ICS Integration — ics.ts for calendar scheduling of practice sessions
  • 🔒 Rate Limiting — rate-limit.ts to ensure fair usage and prevent abuse
  • ✅ Validation Layer — schema.ts and validation.ts for data integrity

State Management

  • 🗄️ Zustand Store — useAppStore.ts for 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

Share this project:

Updates