This project is a dynamic movie search application that fetches real-time data from the TMDB (The Movie Database) API. Users can view popular movies on the landing page or search for specific titles using the search bar.
-
Dynamic Data Fetching: Retrieves movie titles and posters directly from the TMDB API.
-
Search Functionality: Allows users to search for any movie in the TMDB database.
-
Responsive Grid Layout: Displays movies in a card-based column system using CSS.
-
Modern UI: Features a dark-themed, sleek interface with customized form inputs and hover-ready cards.
-
HTML5: Structure of the navigation, search form, and movie display section.
-
CSS3: Custom styling, including a flexbox search container and a multi-column grid layout.
-
JavaScript: Handles the fetch API requests, DOM manipulation, and search event listeners.
-
TMDB API: The external data source for movie information.
-
index.html: The main entry point containing the layout and search form.
-
style.css: Contains the styling for the navigation bar, movie cards, and responsive columns.
-
script.js: The logic for fetching data, clearing the previous results, and dynamically creating movie elements on the page.
Clone the repository.
Open the 03-movie_website folder.
Launch index.html in your favorite web browser.
Browse the "Popular" movies that load by default, or type a movie name into the search box and press Enter to update the list.