Xtream is a web application that allows users to discover popular movies, search for specific titles, and browse through a rich library of films. The application uses The Movie Database (TMDb) API to fetch and display movie data.
- Hero Carousel: A dynamic carousel showcasing the top 5 popular movies with detailed content such as ratings, genres, and overview.
- Search Functionality: Search for movies by title using the search bar.
- Featured Movies Carousel: A carousel that highlights a selection of popular movies.
- Top Movies Carousel: A separate carousel for top-rated movies.
- Movie Grid: Displays a grid of movie posters with the option to load more movies.
- Movie Details: Click on any movie to view more details on a separate page.
- HTML5: Markup language for structuring the application.
- CSS3: Styling the application, including carousels and layout.
- JavaScript (ES6+): Logic and interaction handling, including API calls and dynamic content rendering.
- Fetch API: For making HTTP requests to The Movie Database API.
- TMDb API: Source of all movie data used in the application.
- A basic web server to serve the files locally (optional but recommended).
- A modern web browser with JavaScript enabled.
- Clone the Repository:
git clone https://github.com/priest-2105/Xtream.git cd Xtream
- Sign up on The Movie Database (TMDb) to get an API key.
- Replace the placeholder API key in the
main.js
file:const APIKEY = "your_tmdb_api_key"; // Replace with your actual API key