The Movie Search App is a React-based web application that allows users to search for movies. It uses the OMDb API to fetch movie data, providing details such as movie titles, type, posters, and release dates. This site is designed to help movie enthusiasts discover new films and access information about their favorite movies.
- Search for movies by title.
- Responsive design for mobile and desktop devices.
- User-friendly interface for an intuitive movie search experience.
Before you begin, ensure you have met the following requirements:
- Node.js and npm (Node Package Manager) installed on your local machine.
- API Key from OMDb (The Movie Database) to access movie data. (Note: This is required as the app uses OMDb API for fetching movie information).
To get the Movie Search App up and running on your local machine, follow these steps:
-
Clone the repository to your local machine:
git clone https://github.com/ubcodes/movie_search_site_tutorial.git
-
Navigate to the project directory:
cd movie_search_site_tutorial -
Install the project dependencies:
npm install
-
Create a
.envfile in the root directory of the project and add your TMDb API key:REACT_APP_TMDB_API_KEY=your-api-key-here
-
Start the development server:
npm start
-
Open your web browser and visit
http://localhost:3000to use the Movie Search App.
-
Enter a movie title in the search bar and press "Search."
-
Browse through the search results to find the movie you are looking for.
-
Click on a movie card to view detailed information about that movie.
-
Explore movie details, including the title, description, release date, and user ratings.
-
Enjoy discovering new movies and accessing information about your favorites!
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
-
Fork the repository on GitHub.
-
Clone your forked repository to your local machine.
-
Create a new branch for your feature or bug fix:
git checkout -b feature/your-feature-name
-
Make your changes and commit them:
git commit -m "Add your commit message here" -
Push your changes to your GitHub repository:
git push origin feature/your-feature-name
-
Create a Pull Request on GitHub, describing your changes and their purpose.
-
Wait for a maintainer to review your Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.