🌟 Inspiration
The job market is brutal. We've all been there - staring at a job posting, wondering what questions they'll actually ask, practicing with generic interview prep that feels nothing like the real deal. Traditional interview preparation tools are outdated, generic, and frankly... boring! 😴
We dreamed of a world where:
- Real market data drives your prep (not some dusty question bank from 2015)
- AI avatars conduct lifelike interviews that actually feel engaging
- Your resume becomes the foundation for personalized questions
- 30 seconds is all it takes to generate a complete interview session
HireWize was born from the frustration of countless developers who deserved better than "Tell me about yourself" for the millionth time.
🎯 What it does
HireWize is your AI-powered interview preparation companion that brings together cutting-edge technology to create the most realistic and relevant interview experience possible:
🔍 Smart Question Generation
- Resume Analysis: Upload your PDF resume and watch our AI extract key skills, experiences, and achievements to craft personalized questions
- Real-Time Market Intelligence: We scrape live LinkedIn job postings using Bright Data to ensure your questions reflect what companies are actually asking right now
- Dual Input Modes: No resume? No problem! Manually input job descriptions and get equally powerful question generation
🤖 Lifelike AI Interviews
- Akool Streaming Avatars: Conduct face-to-face interviews with AI avatars that respond naturally and maintain eye contact
- Voice Interaction: Speak your answers naturally - no more typing responses into boring text boxes
- Adaptive Conversations: Our AI interviewer follows up on your responses, creating realistic interview dynamics
📊 Intelligent Feedback System
- Performance Analysis: Get detailed breakdowns of your interview performance
- Personalized Suggestions: Receive actionable improvement recommendations based on your specific responses
- Progress Tracking: Monitor your improvement over time with comprehensive interview history
🛡️ Enterprise-Grade Features
- Secure Authentication: Clerk-powered user management with personalized dashboards
- Rate Limiting: Arcjet integration ensures fair usage and system stability
- Cloud Storage: ImageKit handles your resume uploads securely and efficiently
🏗️ How we built it
The Tech Stack That Powers the Magic
- Frontend: Next.js 15 with React 19 & TypeScript for blazing-fast performance
- Styling: Tailwind CSS with custom components for a beautiful, responsive UI
- Database: Convex for real-time data synchronization and seamless user experiences
- Authentication: Clerk for secure, hassle-free user management
- AI Integration: Akool Streaming Avatar SDK for lifelike interview experiences
- File Storage: ImageKit for optimized PDF resume handling
- Rate Limiting: Arcjet for API protection and credit management
The n8n Workflow Revolution 🔄
Our secret sauce is the sophisticated n8n automation workflow that orchestrates the entire question generation process:
📥 Webhook Trigger
↓
🔍 Resume Detection Logic
↓
📋 Branch Processing:
├── 📄 With Resume Path:
│ ├── 📤 Upload to ImageKit
│ ├── 🤖 AI Resume Parsing (Google Gemini)
│ ├── 🌐 LinkedIn Job Scraping (Bright Data)
│ └── 💡 Question Generation (OpenAI GPT)
│
└── ✍️ Manual Input Path:
├── 🌐 LinkedIn Job Scraping (Bright Data)
├── 🧹 Data Cleaning & Optimization
└── 💡 Question Generation (OpenAI GPT)
Key Workflow Features:
- Dual AI Agents: OpenAI GPT-4 for question generation + Google Gemini for resume parsing
- Real-Time Data: Bright Data scrapes fresh LinkedIn job postings based on job titles
- Smart Branching: Different processing paths optimize for resume vs. manual input
- Data Optimization: Custom code nodes clean and structure scraped data for maximum relevance
Component Architecture
- CreateInterviewDialog: Tabbed interface for resume upload and job description input
- Dashboard: Personalized interview history with beautiful card layouts
- Interview Interface: Real-time AI avatar integration with voice processing
- Feedback System: Comprehensive performance analysis and improvement suggestions
🚧 Challenges we ran into
The AI Avatar Integration Nightmare 😅
Integrating Akool's Streaming Avatar SDK was like trying to teach a robot to have a conversation - technically complex but incredibly rewarding! We had to:
- Master real-time streaming protocols
- Handle voice-to-text conversion seamlessly
- Ensure natural conversation flow between human and AI
- Debug WebRTC connections across different browsers and devices
The LinkedIn Scraping Puzzle 🧩
LinkedIn doesn't exactly roll out the red carpet for web scrapers. We had to:
- Navigate anti-bot measures with Bright Data's residential proxies
- Handle dynamic content loading and JavaScript-heavy pages
- Parse inconsistent HTML structures across different job posting formats
- Implement robust error handling for failed scraping attempts
The n8n Workflow Complexity 🌊
Building a workflow that handles both resume and manual inputs while maintaining data quality was like conducting an orchestra:
- Designing conditional logic that routes data correctly
- Ensuring AI agents receive properly formatted input
- Handling file uploads and processing in a distributed system
- Managing API rate limits across multiple services
Real-Time State Management ⚡
Keeping the UI responsive while processing happens in the background required:
- Implementing progressive toast messages (our latest addition!)
- Managing complex loading states across multiple components
- Handling WebSocket connections for real-time updates
- Ensuring graceful error recovery and user feedback
🏆 Accomplishments that we're proud of
🎨 The User Experience Revolution
We didn't just build another interview tool - we crafted an experience. From the moment users land on our page to their final feedback report, every interaction feels polished, intuitive, and engaging. Our progressive toast messages keep users entertained even during the 30-second processing time!
🤖 AI Integration Mastery
Successfully integrating three different AI services (OpenAI, Google Gemini, and Akool) into a cohesive workflow that feels seamless to users. The fact that users can have natural conversations with AI avatars while getting market-relevant questions is pretty magical! ✨
⚡ Performance Optimization
Despite the complex backend processing, we maintained lightning-fast user interactions:
- Sub-second page loads with Next.js 15 optimization
- Real-time data synchronization with Convex
- Efficient file handling with ImageKit CDN
- Smart caching strategies for repeated requests
🔒 Production-Ready Architecture
Built with enterprise-grade security and scalability in mind:
- Comprehensive error handling and user feedback
- Rate limiting and abuse prevention
- Secure file uploads and data processing
- Responsive design that works flawlessly across all devices
🌐 Real Market Intelligence
The integration with Bright Data to scrape live LinkedIn job postings means our questions are always current and relevant - not some stale database from years ago!
📚 What we learned
🔄 The Power of Workflow Automation
n8n taught us that complex business logic doesn't have to live in your application code. By offloading the heavy lifting to automated workflows, we kept our Next.js app clean and focused on user experience while the backend handles the complexity.
🎭 AI Personality Matters
Working with Akool's avatars showed us that AI interactions aren't just about functionality - they're about creating genuine connections. The subtle details like eye contact, natural speech patterns, and responsive facial expressions make all the difference in user engagement.
📊 Data Quality > Data Quantity
Initially, we tried to scrape everything from job postings. We learned that carefully curated, cleaned data produces much better interview questions than raw, unprocessed information. Quality preprocessing is everything!
🚀 Progressive Enhancement is Key
Starting with core functionality and progressively adding features (like our recent toast message system) allowed us to ship faster while continuously improving the user experience.
🔐 Security from Day One
Implementing proper authentication, rate limiting, and data validation from the beginning saved us countless headaches. Arcjet and Clerk made enterprise-grade security accessible for a hackathon project!
🚀 What's next for HireWize
🌍 Multi-Language Support
Expanding beyond English to support global job markets. Imagine practicing interviews in Spanish, French, or Mandarin with culturally-aware AI avatars!
🎯 Industry-Specific Modules
Specialized interview prep for different sectors:
- Tech Interviews: Coding challenges integrated with AI avatars
- Healthcare: Medical scenario-based questions
- Finance: Market analysis and regulatory knowledge tests
- Creative Fields: Portfolio reviews and creative problem-solving
📱 Mobile App Experience
Native iOS and Android apps for interview prep on-the-go. Practice during your commute, get notifications for new market trends, and sync seamlessly across devices.
🤝 Team Collaboration Features
- HR Dashboard: Allow companies to create custom interview templates
- Peer Review System: Get feedback from other job seekers
- Mock Interview Scheduling: Connect with real humans for practice sessions
📈 Advanced Analytics
- Market Trend Analysis: Show users which skills are trending in their field
- Salary Insights: Integration with compensation data
- Success Tracking: Follow up with users to track actual interview outcomes
🧠 Enhanced AI Capabilities
- Emotion Recognition: AI that adapts based on candidate stress levels
- Body Language Analysis: Feedback on posture, gestures, and eye contact
- Industry Expert Personas: Interview with AI versions of industry leaders
🔗 Integration Ecosystem
- LinkedIn Integration: Direct job application tracking
- Calendar Sync: Schedule practice sessions around real interviews
- ATS Integration: Help users optimize resumes for specific company systems
Built With
- agora
- akool
- arcjet
- bright-data
- convex
- kiro
- n8n
- nextjs
Log in or sign up for Devpost to join the conversation.