Skip to content

arihantjain6739/CareerLens

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎯 CareerLens

React TypeScript Vite Tailwind CSS License

The AI-Powered Career Readiness Platform

Simulate real-world interviews, identify skill gaps, and get a personalized roadmap to success.

Features β€’ Demo β€’ Installation β€’ Usage β€’ Tech Stack β€’ Contributing


πŸ“– About

CareerLens is an intelligent career preparation platform that leverages AI to help job seekers ace their interviews and land their dream roles. Through interactive mock interviews, comprehensive skills assessments, and personalized feedback, CareerLens transforms the way professionals prepare for career opportunities.

Why CareerLens?

  • πŸŽ₯ AI-Powered Mock Interviews: Practice with realistic video interviews that analyze your confidence, speaking skills, and answer relevance
  • πŸ“Š Comprehensive Skills Assessment: Evaluate your technical knowledge with role-specific coding challenges and MCQ tests
  • 🎯 Company-Specific Preparation: Tailor your prep for target companies like Google, Microsoft, Amazon, and more
  • πŸ“ˆ Personalized Roadmaps: Get custom learning paths based on your skill gaps and career goals
  • πŸ” Real-Time Feedback: Receive instant AI analysis on eye contact, posture, speech clarity, and filler words

✨ Features

🏒 Company Selection

  • Choose from top tech companies (FAANG+)
  • Get company-specific interview patterns and expectations
  • Understand role requirements and culture fit

πŸ‘” Role Selection

  • Software Engineer, Product Manager, Data Scientist, and more
  • Role-specific skill requirements and interview prep
  • Career progression insights

πŸ› οΈ Skills Assessment

  • Interactive coding challenges (Two Sum, Binary Tree, etc.)
  • Multiple-choice questions on algorithms and data structures
  • Real-time code execution and validation
  • Difficulty levels: Easy, Medium, Hard

πŸŽ₯ AI Interview Setup

  • Live camera and microphone preview
  • Device selection for optimal setup
  • System checks (connection, browser, permissions)
  • Privacy-first approach with secure video processing

πŸ“Š AI Evaluation Criteria

  • Confidence Analysis: Eye contact consistency and posture stability
  • Answer Relevance: Topic adherence and knowledge depth
  • Speaking Skills: Clarity, pace, tone, and filler word detection

πŸ“ˆ Results & Feedback

  • Detailed performance breakdown
  • Skill gap identification
  • Personalized learning roadmap
  • Progress tracking over time

🎬 Demo

User Flow

  1. Landing Page β†’ Discover features and benefits
  2. Company Selection β†’ Choose your target company
  3. Role Selection β†’ Select the position you're applying for
  4. Skills Assessment β†’ Complete technical challenges and MCQs
  5. Interview Setup β†’ Configure camera and microphone
  6. Mock Interview β†’ AI-driven interview simulation
  7. Results Dashboard β†’ Review feedback and improvement areas

(Screenshots coming soon)


πŸš€ Installation

Prerequisites

  • Node.js (v18 or higher)
  • npm or yarn
  • Modern browser (Chrome, Firefox, Safari, Edge)
  • Webcam & microphone (for interview features)

Setup Steps

  1. Clone the repository

    git clone https://github.com/arihantjain6739/CareerLens.git
    cd CareerLens
  2. Install dependencies

    npm install
  3. Start the development server

    npm run dev
  4. Open in browser

    Navigate to http://localhost:5173
    

Build for Production

npm run build

The optimized build will be in the dist/ folder.

Preview Production Build

npm run preview

πŸ’» Usage

Running the Application

  1. Start the app: npm run dev
  2. Navigate through the flow:
    • Select your target company
    • Choose your desired role
    • Complete the skills assessment
    • Set up your interview environment
    • Start your AI mock interview

Available Scripts

Command Description
npm run dev Start development server with hot reload
npm run build Create production-optimized build
npm run preview Preview production build locally

πŸ› οΈ Tech Stack

Frontend Framework

  • React 19.2.3 - Modern UI library with latest features
  • TypeScript 5.8.2 - Type-safe development
  • React Router DOM 7.12.0 - Client-side routing

Styling & UI

  • Tailwind CSS 4.1.18 - Utility-first CSS framework
  • Lucide React - Beautiful icon library
  • Custom Components - Reusable UI elements

Build Tools

  • Vite 6.2.0 - Lightning-fast build tool and dev server
  • @vitejs/plugin-react - React fast refresh support

Development Tools

  • TypeScript - Static type checking
  • ESLint - Code linting (optional)
  • Prettier - Code formatting (optional)

πŸ“ Project Structure

CareerLens/
β”œβ”€β”€ public/               # Static assets
β”œβ”€β”€ components/           # React components
β”‚   β”œβ”€β”€ CompanySelection.tsx
β”‚   β”œβ”€β”€ RoleSelection.tsx
β”‚   β”œβ”€β”€ SkillSelection.tsx
β”‚   β”œβ”€β”€ TestAssessment.tsx
β”‚   β”œβ”€β”€ InterviewSetup.tsx
β”‚   β”œβ”€β”€ Hero.tsx
β”‚   β”œβ”€β”€ Features.tsx
β”‚   β”œβ”€β”€ HowItWorks.tsx
β”‚   β”œβ”€β”€ Navbar.tsx
β”‚   β”œβ”€β”€ Footer.tsx
β”‚   └── ...
β”œβ”€β”€ App.tsx               # Main application component
β”œβ”€β”€ index.tsx             # Application entry point
β”œβ”€β”€ index.html            # HTML template
β”œβ”€β”€ package.json          # Dependencies and scripts
β”œβ”€β”€ tsconfig.json         # TypeScript configuration
β”œβ”€β”€ vite.config.ts        # Vite configuration
└── README.md             # Project documentation

πŸ—ΊοΈ Roadmap

  • Backend API integration for data persistence
  • User authentication and profiles
  • Advanced AI feedback using LLMs (GPT-4, Claude)
  • Video recording and playback
  • Interview history and analytics
  • Mobile app (React Native)
  • Interview scheduling and reminders
  • Peer-to-peer mock interviews
  • Company-specific interview question database
  • Resume builder and ATS optimization

🀝 Contributing

Contributions are welcome! Here's how you can help:

  1. Fork the repository
  2. Create a feature branch
    git checkout -b feature/amazing-feature
  3. Commit your changes
    git commit -m 'Add some amazing feature'
  4. Push to the branch
    git push origin feature/amazing-feature
  5. Open a Pull Request

Development Guidelines

  • Follow the existing code style
  • Write meaningful commit messages
  • Add comments for complex logic
  • Test your changes thoroughly
  • Update documentation as needed

πŸ“ License

This project is licensed under the MIT License - see the LICENSE file for details.


πŸ‘¨β€πŸ’» Author

Arihant Jain


πŸ™ Acknowledgments

  • Icons by Lucide
  • UI inspiration from modern SaaS applications
  • Built with ❀️ using React and TypeScript

πŸ“§ Contact & Support

Have questions or suggestions? Feel free to:


⭐ Star this repo if you find it helpful!

Made with πŸ’™ by developers, for developers

About

CareerLens is an intelligent career readiness platform that helps students and professionals prepare for interviews, identify skill gaps, and accelerate hiring success. It offers mock interviews, technical assessments, company-specific preparation, real-time feedback, and personalized learning roadmaps to improve confidence, performance, and job re

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors