Hello Interview Clone

A static frontend clone of hellointerview.com - a platform for software engineering interview preparation with mock interviews, educational resources, and expert coaching.

Project Structure

hellointerview/
├── index.html                 # Homepage
├── pages/
│   ├── mock-interviews.html  # Mock interview booking
│   ├── pricing.html           # Pricing plans
│   ├── learn.html             # Learning resources hub
│   ├── system-design.html     # System design content
│   ├── ml-system-design.html  # ML system design
│   ├── code.html              # DSA/Code content
│   ├── behavioral.html        # Behavioral interview prep
│   ├── community.html         # Community features
│   ├── interview-questions.html # Interview questions library
│   ├── interview-experiences.html # User experiences
│   ├── peer-system-design.html # Peer library
│   ├── practice.html          # Practice section
│   ├── mentorship.html        # 1:1 mentorship
│   ├── salary-negotiation.html # Salary negotiation
│   ├── become-coach.html      # Become a coach
│   ├── coaches.html           # Coaches directory
│   ├── testimonials.html      # User testimonials
│   ├── faq.html               # Frequently asked questions
│   ├── login.html             # Sign in page
│   ├── signup.html            # Sign up page
│   ├── terms.html             # Terms and conditions
│   ├── privacy.html           # Privacy policy
│   ├── about.html             # About us
│   ├── support.html           # Support page
│   ├── gift-mocks.html       # Gift mock interviews
│   ├── gift-premium.html     # Gift premium
│   └── premium.html           # Premium features
├── public/
│   ├── css/
│   │   └── styles.css         # Main stylesheet
│   └── js/
│       └── main.js            # JavaScript utilities
└── README.md

Features

• Complete UI/UX Clone: Matches the original hellointerview.com design
• Brand Colors: Uses exact color palette (#0066FF accent, black/white theme)
• All Pages: Complete navigation structure with all major pages
• Responsive Design: Works on desktop, tablet, and mobile
• Forms: Login, signup forms with validation
• Dummy Data: All pages populated with realistic sample content
• No Backend: Pure static HTML/CSS/JS
• No Auth: No authentication system (as requested)
• No Integrations: No third-party services (as requested)

Brand Colors

• Primary: #000000 (Black)
• Secondary: #333333 (Dark Gray)
• Accent: #0066FF (Blue)
• Text Dark: #1a1a1a
• Text Light: #666666
• Light Gray: #F5F5F5
• Border: #E5E5E5

Key Pages

1. Homepage - Hero section, testimonials, company logos, CTA
2. Mock Interviews - Booking and information about mock interviews
3. Pricing - Mock interview pricing and Premium subscription plans
4. Learn - Hub for learning resources (System Design, DSA, Behavioral, ML)
5. Community - Interview questions, experiences, peer library
6. FAQ - Frequently asked questions
7. Login/Signup - Authentication pages (UI only)

Usage

Simply open index.html in a web browser to view the site. All pages are linked and navigation works without a server.

For development with live reload:

• Python: python3 -m http.server 8000
• Node.js: npx serve
• VS Code: Live Server extension

Business Model

Same as original hellointerview.com:

• Mock interviews with FAANG+ engineers ($160-$260)
• Premium subscription ($34/month, $55/year, $199 lifetime)
• Free educational content
• Community features
• Expert coaching and mentorship

Notes

• All forms show alerts on submission (no backend)
• All data is static/dummy data
• Navigation is fully functional
• Ready for backend integration
• No authentication system (as requested)
• No third-party integrations (as requested)