FilmFetch is a React app that allows users to search for movies using the OMDb API (Open Movie Database). The FilmFetch App is a user-friendly platform for discovering and exploring movies. The app is built using JavaScript with the React library. It also uses CSS for styling.
Functionality
- The app fetches movie data from the OMDb API using the fetch function and displays the results.
- When the user enters a search term and clicks on the search icon, the app sends a request to the API with the search term and retrieves the matching movies.
- The retrieved movies are displayed as cards using the MovieCard component.
- The app initializes with a default search term ("Wonder Woman") and displays movies matching this term.
- If no movies are found for the search term, it displays a message indicating "No movies found."
How to Run
To run FilmFetch on your machine, follow these steps:
- Clone the FilmFetch repository to your local machine using the following command: git clone https://github.com/marialee222/film-fetch-app.git
- Open a terminal or command prompt and navigate to the directory where you cloned the FilmFetch repository.
- Before running the app, install the necessary dependencies by running the following command: npm install
- Once the dependencies are installed, you can start the development server by running: npm start
- After the development server starts, open your web browser and navigate to: http://localhost:3000 to view the FilmFetch app. You should see the app running with the default search term ("Wonder Woman").
- Search for movies!