movie

Movies Project

Description

The Movies project is a responsive web application that allows users to browse and search for movies. It fetches movie data from the TMDB API and displays a list of movies with key details. The project features a side navigation menu for additional options and a search bar for finding specific movies by name. jQuery is used for DOM manipulation and handling asynchronous API requests, while Bootstrap modals are used to display detailed movie information in a clear and user-friendly format.

Features

Responsive Design: The application adapts to various screen sizes, ensuring a smooth experience on both mobile and desktop devices.

Movie Display: Displays a grid of movies fetched from the TMDB API, including titles, overviews, release dates, and ratings.

Movie Details Modal: Clicking on a movie opens a Bootstrap modal displaying detailed information such as a larger poster, full overview, and release date.

Search Functionality: Users can search for movies by name, with results displayed dynamically.

Side Navigation Menu: A sliding side navigation menu is available for additional navigation options, which can be toggled open or closed.

Loading Screen: A loading screen is displayed while the movie data is being fetched.

Star Ratings: Movies are displayed with a star rating system, enhancing the visual representation of user ratings.

Technologies Used

jQuery: For handling DOM manipulation, event handling, and AJAX requests.

Bootstrap: For responsive design and modal implementation.

TMDB API: For fetching movie data, including details like title, overview, release date, and ratings.