Netflix Clone

Welcome to the Netflix Clone project! This project is a front-end only replica of the Netflix homepage, created using HTML, CSS, and JavaScript. It is designed to demonstrate modern web design practices, responsive layouts, and interactive UI elements similar to the popular streaming platform.

Live Demo

Check out the live demo of the project here.

Features

• Responsive Design: The layout is fully responsive, adapting to various screen sizes and devices, ensuring a seamless experience across desktops, tablets, and mobile devices.
• Interactive Navigation: The navigation bar includes options like Home, TV Shows, Movies, News & Popular, My List, and Browse by Languages.
• Dynamic Content: The movies section is dynamically populated, giving the appearance of a real streaming service.
• Search Functionality: A search icon is included in the header, adding to the realistic Netflix UI.
• User Profile Icon: A mock user profile icon is added to the header, enhancing the visual similarity to Netflix.

Technologies Used

• HTML5: For structuring the content of the web page.
• CSS3: For styling the web page, including layout design, colors, and animations.
• JavaScript: For adding interactivity and handling DOM manipulations.

How to Use

1. Clone the Repository:

   git clone https://github.com/yashpawar6849/Netflix-Clone.git
   

2. Navigate to the Project Directory:

   cd Netflix-Clone
   

3. Open the 'index.html' File: You can open the 'index.html' file directly in your web browser to view the project locally.

Project Structure

• index.html: The main HTML file that structures the webpage.
• index.css: The CSS file that contains all the styles for the project.
• index.js: The JavaScript file that adds interactivity to the project.

Screenshot

Credits

• Logo and Icons: All icons and logos used in this project are sourced from public domain or directly linked from Netflix assets for educational purposes.

License

• This project is licensed under the MIT License. You are free to use, modify, and distribute the project, but please provide appropriate credit.

Contributing

• Feel free to contribute to this project by submitting pull requests or reporting issues.