Cinemate is a movie search web application built using HTML, CSS, and JavaScript. The primary functionality of the app is to search for movies by their title. Upon entering a search query, the app displays relevant movie results along with essential details such as the movie title, poster, rating, and a brief description. Please note that the app only displays the top 20 results for a given search query.
- Search by Title: Users can search for movies by entering the title of the movie they are interested in.
- Display Results: The app displays relevant movie results based on the search query entered by the user.
- Movie Details: Each search result includes essential movie details such as the movie title, poster image, rating, and a concise description.
- Limit to Top 20 Results: Due to constraints, the app limits the display to the top 20 results for any given search query.
- Responsive Design: The application is designed to be responsive, ensuring a seamless user experience across various devices and screen sizes.
- HTML: Used for structuring the content of the web page.
- CSS: Utilized for styling the user interface and enhancing the visual appeal of the application.
- JavaScript: Implemented to handle user interactions, perform search functionality, and dynamically update the UI with movie results.
- TheMovieDB API: Integrated TheMovieDB API to fetch movie data based on user search queries. The API provides access to a vast database of movies and related information.
To use Cinemate, Enter the title of the movie you wish to search for in the provided search bar, and press enter or click the search button. The app will then display relevant movie results based on your search query. Scroll through the results to find the desired movie, and hover on it to view more details.
Feel free to explore the app, search for different movies, and discover new and exciting films!