This repository showcases a clone of Disney+ homepage built using React, Tailwind CSS, Vite, Axios, and the TMDB API. With the power of React, the flexibility of Tailwind CSS, and the fast development workflow of Vite, this clone offers a visually stunning and user-friendly interface. Hosted on Vercel, the website is easily accessible and delivers an immersive streaming experience.
https://disney-clone-silk.vercel.app/
- Responsive Navbar: The website features a responsive navbar that adapts to different screen sizes, ensuring a seamless browsing experience on various devices.
- Responsive Sliders: Horizontal sliders are implemented, providing a dynamic and engaging way to showcase different genre movies.
- Dynamic Content with TMDB API: The clone integrates with the TMDB API to fetch and display real-time data, ensuring that the content is up to date and accurate.
- Lazy-Loaded Images: The website optimizes loading times by incorporating lazy loading for images. This technique defers the loading of images until they are about to be displayed, reducing initial page load times and improving overall performance, especially on pages with extensive image content. This feature enhances the user experience by providing a faster and more efficient browsing experience.
- Interactive UI with Engaging Animations: The user interface is designed to be interactive and engaging, with animations that enhance the overall user experience.
- Cross-Device Compatibility: The clone is built with responsiveness in mind, allowing users to access and enjoy the website on a wide range of devices, including desktops, tablets, and mobile phones.
- Vercel Hosting: The website is hosted on Vercel, ensuring reliable performance and availability for users.
- Clone the repository:
git clone https://github.com/kishanlalchoudhary/Disney-Clone.git
- Change to the project directory:
cd Disney-Clone
- Install the dependencies:
npm install
- Set up TMDB API: Obtain an Authentication Token from the TMDB website and add it to the
.env
file. - Start the development server:
npm run dev
- Open the website in your browser:
http://localhost:3000
- React: JavaScript library for building user interfaces.
- Tailwind CSS: Utility-first CSS framework for rapid UI development.
- Vite: Fast development build tool.
- Axios: Promise-based HTTP client for making API requests.
- TMDB API: The Movie Database API for accessing movie and TV show data.
- Vercel: Cloud platform for hosting web applications.