📌 About the Project – HireLens

🌟 Inspiration

HireLens was born out of our own personal struggles as students preparing for technical interviews. As a team of two, we realized that while we were confident in our technical knowledge, we often lacked strong communication skills, presentation ability, and interview confidence.

We noticed that most online platforms focus mainly on coding practice, but very few provide meaningful feedback on how a candidate speaks, behaves, and presents themselves during an interview. There was no easy way to practice in a realistic environment and understand our weaknesses.

This gap inspired us to build HireLens — an AI-powered platform that not only tests technical skills but also evaluates communication, confidence, and body language, helping candidates improve holistically.


📚 What We Learned

Throughout this hackathon, we gained valuable technical and personal learning experiences.

On the technical side, we learned:

  • How to work with Google AI Studio and configure AI models effectively .
  • How to integrate and use the Gemini API for real-time analysis , interaction and visualization.
  • Advanced concepts in React.js, including state management and component design .
  • Styling and building responsive interfaces using Tailwind CSS .
  • Managing API requests efficiently to avoid performance issues .

On the personal side, we learned:

  • How to collaborate effectively as a small team .
  • How to divide tasks and manage time under pressure .
  • How to troubleshoot problems quickly .
  • How to stay motivated and focused during long development hours .

Overall, this project helped us grow both as developers and as problem-solvers.


🛠️ How We Built HireLens

We designed HireLens as a modern, scalable, and user-friendly web application.

🔹 Tech Stack

Performance dossier generation , Code analysis , AI visualizer , HR round feedback all use gemini-3 API . Live interviewer is running on gemini-2.5 API .

  • Frontend: React.js (TypeScript)
  • Styling: Tailwind CSS
  • AI Integration: Google Gemini API (via Google AI Studio)
  • Analysis Engine: Gemini 3 API (Performance Dossier , HR result , Code Analysis , Ai Code Visualizer )

🔹 Development Process

  1. Planning & Ideation
    We started by defining the core features:

    • AI-based interview simulation
    • Live camera monitoring
    • Coding assessment with inbuilt editor
    • Performance dossier generation
    • DSA code visualizer
  2. Frontend Development
    We built an interactive UI using React and Tailwind. Our focus was on:

    • Clean layout
    • Smooth navigation
    • Responsive design
  3. AI Integration
    We connected our application with the Gemini API to:

    • Generate interview questions
    • Analyze speech patterns and filler words
    • Evaluate posture and pace
    • Real-time feedback
    • Assess coding responses
    • Generate performance reports
  4. Performance Dossier System
    At the end of each interview, HireLens automatically creates a detailed report that includes:

    • Overall score
    • Strengths and weaknesses
    • Personalized recommendations
    • Improvement tips
    • Suggested YouTube learning resources
  5. AI Visualizer Module
    We implemented a visualizer that helps users understand DSA concepts like linked lists, graphs, and trees by showing how the code works step by step.

This modular design helped us develop and test each feature independently.


🚧 Challenges We Faced

Building HireLens within a limited hackathon timeframe was challenging.

🔹 API Load & Optimization

One of our biggest challenges was managing API usage and performance. Since our platform relies heavily on real-time analysis, frequent API calls caused:

  • Increased latency
  • Higher API load
  • Risk of exceeding rate limits

🔹 Solution

To overcome this, we optimized our system by:

  • Increasing the time interval between data queries
  • Reducing unnecessary repeated requests
  • Caching intermediate results when possible
  • Prioritizing important data over minor updates

This significantly improved performance and reduced API stress.


🔹 Integration Complexity

Integrating camera input, code editor, AI analysis, and visualization into a single platform was technically complex. Synchronizing all components in real time required careful state management and testing.

We solved this by:

  • Structuring our React components properly
  • Using reusable modules
  • Testing features individually before integration

🔹 Time Constraints

As a team of two, balancing feature development, debugging, and documentation within a short time frame was difficult. We had to prioritize core features and focus on delivering a stable, functional product.


🚀 Conclusion

HireLens represents our journey of turning a personal weakness into a powerful learning tool. What started as a simple idea to improve our communication skills became a complete AI-powered interview training platform.

This project helped us:

  • Strengthen our technical abilities
  • Understand real-world AI integration
  • Improve teamwork and problem-solving
  • Gain confidence as developers

We believe HireLens has strong potential to help students and job seekers prepare more effectively for interviews and bridge the gap between knowledge and performance.

This hackathon experience was challenging, exciting, and extremely rewarding, and it has motivated us to continue improving and expanding HireLens in the future.


Built With

  • gemini-3-api
  • react
  • tailwind
  • typescipt
Share this project:

Updates