Netflix India Clone

Welcome to the Netflix India Clone! This project replicates the homepage of Netflix India, showcasing my skills in web development using HTML5, CSS, and JavaScript.

Table of Contents

• Introduction
• Features
• Technologies Used
• API Used
• Installation
• Usage
• Folder Structure
• License
• Acknowledgements

Introduction

This project is a clone of the Netflix India homepage, built to demonstrate my proficiency in front-end web development. It includes sections such as the navigation bar, hero section, features, FAQ, and footer.

Features

• Responsive design that adapts to various screen sizes.
• Navigation bar with brand logo, language selection, and sign-in button.
• Hero section with background image, overlay, and call-to-action.
• Features section highlighting key offerings.
• FAQ section with expandable questions and answers.
• Footer with contact information and links.

Technologies Used

• HTML5: For structuring the content of the web pages.
• CSS: For styling the web pages and making them visually appealing.
• JavaScript: For adding interactivity and dynamic content to the web pages.
• FontAwesome: For icons.
• Google Fonts: For custom fonts.
• jQuery: For simplified DOM manipulation and event handling.
• Bootstrap: For responsive layout and design.

API Used

• TMDb API: Used to fetch movie data for showcasing the latest and popular movies. The API provides detailed information about movies, including titles, descriptions, release dates, and more.

Installation

To get a local copy of this project up and running, follow these steps:

1. Clone the repository:

   git clone https://github.com/ssharmak/Netflix.git

2. Navigate to the project directory:

   cd Netflix

Usage

Open the index.html file in your preferred web browser to view the Netflix India clone. Ensure you have an active internet connection to fetch data from the TMDb API.

Folder Structure

Netflix-India-Clone/
├── index.html
├── styles.css
├── index.js
└── images/

• index.html: The main HTML file containing the structure of the web page.
• styles.css: The CSS file containing the styles for the web page.
• index.js: The JavaScript file containing any interactive functionality and API integration.
• images/: A folder containing images used in the project.

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Acknowledgements

Thank you to Bharat Intern for providing this learning opportunity and to Netflix for the inspiration. Additionally, thanks to:

• The Movie Database (TMDb) for providing the movie data.
• FontAwesome for the icons.
• Google Fonts for the custom fonts.
• Bootstrap for the responsive design framework.
• Special thanks to all the contributors and the open-source community for their invaluable resources and support.
• Thank you to Bharat Intern for providing this learning opportunity.