Welcome to the Netflix Homepage Clone repository! This project is part of Hacktoberfest 2024 and aims to provide a pixel-perfect recreation of the Netflix homepage for learning web development and contributing to open source projects.
- Authentic Netflix Design - Pixel-perfect recreation of Netflix's homepage layout
- Responsive Design - Works on desktop, tablet, and mobile devices
- Interactive Elements - Email signup, FAQ accordion, trending movies
- Modern UI/UX - Smooth animations and hover effects
- Accessibility Features - Keyboard navigation and screen reader support
Clone the repository:
git clone https://github.com/OpenSource-UIT/Hacktoberfest-25-2.git
cd Hacktoberfest-25-2Open index.html in your web browser to view the project.
The Netflix clone includes:
- Hero Section - Main landing area with email signup
- Trending Section - Top 10 trending movies and shows
- Features Section - TV viewing, downloads, multi-device support
- FAQ Section - Frequently asked questions with expandable answers
- Interactive Elements - Click buttons, hover effects, and animations
This project has several issues that need to be addressed by contributors:
- FAQ Dropdown Not Working - FAQ accordion functionality is broken
- Missing Email Validation - No email format validation in signup forms
- Missing Footer - No footer section on the page
- CSS Improvements Needed - Inconsistent styling and layout issues
- Missing Movie Posters - Trending movies show only colored backgrounds
- Typography Issues - Multiple spelling mistakes throughout content
- Accessibility Improvements - Missing ARIA attributes and form labels
- Performance Optimizations - Potential memory leaks and inefficient code
- Add Favicon also - Add Favicon of Netflix
Contributions are welcome! Feel free to open an issue or submit a pull request with your improvements and fixes.
- Fix spelling mistakes
- Add email validation
- Implement FAQ dropdown
- Add movie poster images
- Improve CSS styling