moviebase.webm
- 🤖 Introduction
- ⚙️ Tech Stack
- 🔋 Features
- 🤸 Quick Start
- 🕸️ Usage
The MovieBase app is a user-friendly movie discovery platform that lets users search for movies and see essential details like rating, votes, genre, and plot. Users can filter results by genre, and sort movies by highest/lowest rating or most/least votes, all while fetching data from the OMDb API.
- JavaScript
- HTML5
- CSS3
- OMDb API
👉 Search for Movies: Enter the name of any movie to fetch relevant results.
👉 Filter by Genre: Filter the search results by selecting a specific genre from the dropdown menu.
👉 Sort Movies: Sort the search results by highest rating, lowest rating, most votes, or least votes.
👉 Movie Details: View essential details for each movie, including rating, total votes, genre, plot, and cast.
👉 Pagination: Navigate through the results using "Previous" and "Next" buttons for pagination.
Follow these steps to set up the MovieBase app locally on your machine.
Make sure you have the following:
- A modern web browser (Google Chrome, Firefox, etc.)
- API Key from OMDb API
git clone https://github.com/YourUsername/MovieBase.git
cd MovieBaseGetting Your API Key
- Go to the OMDb API website and sign up for an API key.
- Replace 'YOUR_API_KEY' in the script.js file with your actual API key.
Running the Application
- Open the index.html file in your browser.
- Enter a movie title and press the "Search" button to display the movie data.
Search for a Movie: Type the name of the movie in the search bar and press the "Search" button to view the movie details.
Filter by Genre: Select a genre from the dropdown to filter the results by a specific genre.
Sort Movies: Choose a sorting option (highest rating, lowest rating, most votes, or least votes) to re-arrange the movies based on that criteria.
View Movie Details: For each movie, you can see the rating, total votes, genre, plot, and cast information.
Pagination: Use the "Previous" and "Next" buttons to navigate through the paginated search results.