Skip to content

Rohit273848/InterviewOS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

51 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

InterviewOS

Your AI-Powered Placement Co-Pilot – Master interview preparation with intelligent resume analysis, real company questions, AI-driven mock interviews, and community peer reviews.


🎯 Status & Quick Links

React TypeScript Tailwind CSS Redux Vite License

πŸš€ Live Demo β€’ πŸ“– Documentation β€’ 🎨 Design System β€’ ⚑ Performance

πŸ“Œ About the Project

InterviewOS is a production-grade, AI-powered platform designed to help students ace their placement interviews. It combines intelligent resume analysis, company-specific question banks, AI-driven mock interviews, and community peer reviewsβ€”all wrapped in a sleek, modern interface.

Built for final-year CS students and placement aspirants, InterviewOS bridges the gap between interview preparation and real-world practice with tools powered by AI insights and real candidate experiences.

Why InterviewOS?

  • βœ… No Camera/Mic Required – Practice interviews comfortably without pressure
  • βœ… Company-Specific Questions – Prepared by real candidates, not generic
  • βœ… Instant Resume Feedback – AI analyzes and suggests improvements instantly
  • βœ… GitHub Integration – Auto-generate interview questions from your projects
  • βœ… Community-Driven – Get peer reviews and learn from others

✨ Core Features

πŸ” Secure Authentication System

  • Full sign-up and sign-in workflow with validation
  • Password security with visibility toggle
  • Social login UI (Google & GitHub ready)
  • Persistent session management with Redux
  • Protected routes with automatic redirects

πŸ“„ Resume X-Ray

  • AI-powered resume analysis engine
  • Automated strengths and weaknesses detection
  • Actionable improvement suggestions
  • Visual score breakdown
  • Export-friendly insights

πŸ’Ό Company Question Bank

  • 500+ real interview questions from actual candidates
  • Filter by company and role
  • Difficulty level indicators
  • Category-based organization
  • Bookmark for personalized prep

πŸš€ Project Prep

  • Paste GitHub URL β†’ Get interview questions
  • AI-generated questions specific to your project tech stack
  • Detailed solutions and explanations
  • Best practice tips included
  • Multi-language support

🎀 Mock Interview Engine

  • Text-based AI interviewer (no camera/mic)
  • Real-time feedback on answers
  • Interview progression tracking
  • Customizable difficulty levels
  • Interview history and analytics

πŸ‘₯ Peer Review Community

  • Submit resumes for community feedback
  • Structured review format with scoring
  • Rate and discuss with other students
  • Leaderboards and contribution stats
  • Anonymous review option

πŸ“Š Progress Dashboard

  • Real-time performance metrics
  • Skill radar visualization
  • Interview history tracking
  • Personalized task list
  • Activity feed with achievements

πŸ› οΈ Tech Stack

Layer Technology Purpose
Frontend React 18+ UI component library
Language TypeScript (Strict) Type safety & scalability
Styling Tailwind CSS 3+ Utility-first CSS
State Redux Toolkit Global state management
Routing React Router v6 Client-side navigation
Forms React Hook Form + Zod Validation & submission
Charts Recharts Data visualization
Icons Lucide React Modern SVG icons
Animation Framer Motion Smooth transitions
Notifications React Hot Toast User feedback
Build Tool Vite Lightning-fast HMR
Package Manager npm/pnpm Dependency management

πŸ“Έ Screenshots

Landing Page

Landing Page Placeholder

Dashboard

Dashboard Placeholder

Resume X-Ray

Resume Analysis Placeholder

Mock Interview

Mock Interview Placeholder


πŸš€ Quick Start

Prerequisites

  • Node.js 16+ and npm 8+
  • Git

Installation

  1. Clone the repository

    git clone https://github.com/yourusername/interviewos.git
    cd interviewos
  2. Install dependencies

    npm install
  3. Start development server

    npm run dev
  4. Open in browser

    Navigate to http://localhost:5173
    

Building for Production

npm run build

The optimized production build will be generated in the dist/ folder.


πŸ“– Usage Guide

First Time Users

  1. Create an Account

    • Sign up with email or social login
    • Complete your profile setup
  2. Upload Your Resume

    • Go to Resume X-Ray
    • Upload your resume for instant AI analysis
    • Review suggestions and improve
  3. Explore Questions

    • Browse the Question Bank by company
    • Filter by role and difficulty
    • Bookmark favorites
  4. Practice Interviews

    • Start a mock interview
    • Answer AI-generated questions
    • Get instant feedback
  5. Get Peer Feedback

    • Submit your resume for reviews
    • Review others' resumes
    • Build community connections

Navigation

  • Dashboard – View all metrics and progress
  • Resume X-Ray – Upload and analyze resume
  • Question Bank – Browse company-specific questions
  • Project Prep – Generate questions from GitHub projects
  • Mock Interview – Practice with AI interviewer
  • Peer Review – Community feedback platform

πŸ“ Project Structure

interviewos/
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ Layout.tsx              # Main layout wrapper
β”‚   β”‚   β”œβ”€β”€ ProtectedRoute.tsx      # Route security
β”‚   β”‚   └── ...other components
β”‚   β”œβ”€β”€ pages/
β”‚   β”‚   β”œβ”€β”€ LandingPage.tsx         # Public landing
β”‚   β”‚   β”œβ”€β”€ SignIn.tsx              # Authentication
β”‚   β”‚   β”œβ”€β”€ SignUp.tsx              # Registration
β”‚   β”‚   β”œβ”€β”€ Dashboard.tsx           # Main hub
β”‚   β”‚   β”œβ”€β”€ ResumeXRay.tsx          # Resume analyzer
β”‚   β”‚   β”œβ”€β”€ QuestionBank.tsx        # Q&A library
β”‚   β”‚   β”œβ”€β”€ ProjectPrep.tsx         # GitHub integration
β”‚   β”‚   β”œβ”€β”€ MockInterview.tsx       # AI practice
β”‚   β”‚   └── PeerReview.tsx          # Community reviews
β”‚   β”œβ”€β”€ store/
β”‚   β”‚   β”œβ”€β”€ index.ts                # Redux setup
β”‚   β”‚   └── slices/
β”‚   β”‚       β”œβ”€β”€ userSlice.ts        # Auth state
β”‚   β”‚       └── resumeSlice.ts      # Analysis state
β”‚   β”œβ”€β”€ App.tsx                     # App root
β”‚   β”œβ”€β”€ main.tsx                    # Entry point
β”‚   └── index.css                   # Global styles
β”œβ”€β”€ public/
β”œβ”€β”€ package.json
β”œβ”€β”€ tsconfig.json
β”œβ”€β”€ vite.config.ts
β”œβ”€β”€ tailwind.config.js
└── README.md

🎨 Design System

Color Palette

Color Hex Code Usage
Primary Cyan #22D3EE Interactive elements, highlights
Secondary Purple #8B5CF6 Accents, secondary actions
Success Green #10B981 Success states, confirmations
Warning Yellow #FACC15 Alerts, important info
Special Pink #F472B6 Featured sections, CTAs
Dark Background #0F172A Primary dark theme

Typography

  • Headings – Inter family (Bold, 600-700 weight)
  • Body Text – Inter family (Regular, 400 weight)
  • Code – JetBrains Mono (monospace)
  • Scale – 12px to 64px with fluid sizing

Design Principles

  • Dark Theme First – Optimized for long study sessions
  • Card-Based Layout – Clear information hierarchy
  • Generous Spacing – Reduces cognitive load
  • Micro-Interactions – Smooth hover and focus states
  • Gradient Accents – Subtle visual depth
  • Accessible Colors – WCAG AA compliant

⚑ Performance Optimization

Build Performance

  • Vite HMR – Sub-100ms hot module replacement
  • Code Splitting – Automatic route-based splitting
  • Tree Shaking – Unused code elimination
  • Production Bundle – ~150KB gzipped

Runtime Performance

  • Redux Selectors – Optimized state subscriptions
  • Lazy Loading – Route components loaded on-demand
  • Memoization – Prevents unnecessary re-renders
  • Image Optimization – WebP with fallbacks

Lighthouse Metrics (Target)

  • Performance – 90+
  • Accessibility – 95+
  • Best Practices – 95+
  • SEO – 95+

πŸ“± Responsive Design

  • Mobile First – Optimized for small screens (375px+)
  • Tablet Enhanced – Perfect layout at 768px+
  • Desktop Optimized – Full experience at 1440px+
  • Fluid Typography – Scales with viewport
  • Touch Friendly – 48px minimum tap targets

Tested on

  • βœ… iOS Safari 14+
  • βœ… Chrome/Edge 90+
  • βœ… Firefox 88+
  • βœ… Samsung Internet 14+

πŸ”„ State Management

Redux Architecture:

// User authentication
store.userSlice
  β”œβ”€β”€ isAuthenticated
  β”œβ”€β”€ userDetails
  └── sessionToken

// Resume analysis
store.resumeSlice
  β”œβ”€β”€ analysisResults
  β”œβ”€β”€ loading
  └── error

All state updates are logged for debugging in development.


πŸ“š Documentation

Document Purpose
README.md Project overview (this file)
AUTH_GUIDE.md Authentication implementation details
DEMO_GUIDE.md Step-by-step walkthrough of all features
QUICKSTART.md 5-minute setup guide
HOW_TO_RUN.md Detailed running instructions

🎯 Live Demo

Coming Soon! The application will be live at:

Demo Credentials:

  • Email: demo@interviewos.com
  • Password: Demo123!

πŸš€ Future Improvements

Phase 2 (Q2 2024)

  • Video recording for mock interviews
  • Real-time coding interview simulator
  • LinkedIn integration for resume import
  • Notification system (email/push)
  • Interview scheduler with reminders

Phase 3 (Q3 2024)

  • ML-based resume scoring algorithm
  • Speech-to-text for verbal practice
  • Interview transcription & analysis
  • Personalized learning recommendations
  • Mentor matching system

Phase 4 (Q4 2024)

  • Mobile app (React Native)
  • Batch processing for institutions
  • Advanced analytics dashboard
  • Gamification & leaderboards
  • API for third-party integrations

🀝 Contributing

We welcome contributions! Here's how:

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

Code Standards:

  • TypeScript strict mode required
  • Prettier formatting
  • ESLint compliance
  • 80%+ test coverage

πŸ“„ License

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

Built with ❀️ by students, for students.


πŸ“ž Support & Feedback


πŸ™ Acknowledgments

  • React community for excellent documentation
  • Tailwind CSS for utility-first styling
  • All students who provided feedback during beta testing
  • Open-source contributors and libraries that made this possible

⬆ Back to Top

Made with πŸ”₯ for placement success

GitHub Stars GitHub Forks GitHub Follow

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors