Interview Cracker App 🚀

A modern React 19 application with Tailwind CSS designed to help software developers practice and excel in technical interviews. Go to Interview Cracker App.

Features ✨

• AI-Powered Mock Interviews: Practice with realistic interview scenarios
• Comprehensive Question Bank: 500+ curated interview questions
• Multiple Role Support: Frontend, Backend, Full-stack, Mobile, DevOps, and Data Science
• Real-time Feedback: Get instant feedback on your performance
• Dark Theme: Beautiful dark theme for comfortable practice sessions
• Performance Analytics: Track your progress and identify areas for improvement

Tech Stack 🛠️

• React 19 - Latest React with concurrent features
• TypeScript - Type-safe development
• Tailwind CSS - Utility-first CSS framework
• Vite - Lightning-fast build tool
• Modern ESLint - Code quality and consistency

Getting Started 🏁

Prerequisites

• Node.js 18+
• npm or yarn

Installation

1. Clone the repository:

git clone <repository-url>
cd interview-cracker-app

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and navigate to http://localhost:5173

Available Scripts 📜

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

Project Structure 📁

src/
├── components/          # Reusable UI components
│   ├── Header.tsx      # Navigation header
│   ├── Hero.tsx        # Landing page hero section
│   ├── Features.tsx    # Features showcase
│   ├── InterviewSimulator.tsx  # Mock interview interface
│   ├── QuestionBank.tsx        # Question browsing interface
│   └── Footer.tsx      # Footer component
├── App.tsx             # Main application component
├── main.tsx           # Application entry point
└── index.css          # Global styles with Tailwind

Features Overview 🎯

Mock Interview Simulator

• Choose from multiple developer roles
• Select experience level (Junior, Mid, Senior)
• Real-time interview questions
• Answer tracking and evaluation

Question Bank

• Filter by category, difficulty, and type
• Search functionality
• Practice mode for individual questions
• Comprehensive tagging system

Dark Theme Design

• Consistent dark theme throughout the app
• Beautiful gradients and animations
• Responsive design for all devices
• Modern UI with glass morphism effects

Contributing 🤝

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

License 📄

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

Acknowledgments 🙏

• Built with React 19 and modern web technologies
• Styled with Tailwind CSS for rapid UI development
• Icons from Heroicons
• Inspiration from real interview experiences