Movie Finder App Hosted on Firebase: https://moviefinder-70fa5.web.app/
Overview
• The Movie Finder App is a simple React application that allows users to search for movies using the Open Movie Database (OMDb) API. Users can enter a movie title in the search bar, click the search icon, and view a list of matching movies. The app displays basic information about each movie, and users can click on individual movie cards for more details.
Features
- Search Movies: Users can enter a movie title in the search bar and click the search icon to find matching movies.
- Display Movie Results: The app displays a list of movies matching the search query, including basic information about each movie.
- Handle No Results: If no movies are found for the given search term, the app displays a message indicating that no such movie exists.
- Responsive Design: The app is designed to be responsive, providing a seamless experience on various devices.
- Technologies Used
- React: The app is built using the React library, allowing for the creation of dynamic and interactive user interfaces.
- useState and useEffect Hooks: React hooks are used to manage state and side effects, ensuring efficient and reactive updates to the UI.
- Fetch API: The fetch function is utilized to make asynchronous requests to the OMDb API and retrieve movie data. Getting Started To run the Movie Finder App locally, follow these steps:
Clone the repository:
-
bash
-
Copy code
-
git clone [repository_url] Install dependencies:
-
bash
-
Copy code
-
cd [project_directory]
-
npm install
-
Obtain an API key from the OMDb API and replace the placeholder API key in the API_URL constant within the App.js file.
Start the development server:
- bash
- Copy code
- npm start
- The app will be accessible at http://localhost:3000 in your web browser.
Usage
- Enter a movie title in the search bar.
- Click the search icon to initiate the search.
- View the list of matching movies.
- Click on individual movie cards to see more details. Issues and Limitations
- The app relies on the OMDb API, and therefore, it requires an internet connection to fetch movie data.
- The current design may not handle edge cases or errors gracefully. Future Improvements
- Implement error handling for failed API requests.
- Enhance the user interface with additional features and information.
- Incorporate user authentication and save favorite movies for each user.