This is a React website that displays a list of movies fetched from an API based on user search queries. Users can search for movies and view their details such as title, poster image, release date, and vote average.
- Search movies by entering a query in the search bar.
- Displays a list of movies matching the search query.
- Click on a movie to view its details.
- React
- JavaScript
- HTML
- CSS
To get a local copy of the project up and running, follow these steps:
-
Clone the repository:
git clone https://github.com/fossyy/movie-searching-website.git
-
Navigate to the project directory:
cd project-directory
-
Install the dependencies:
npm install
-
Start the development server:
npm start
The website will be accessible at http://localhost:3000.
The website uses an API to fetch movie data. To configure the API, follow these steps:
-
Obtain an API key from API Provider.
-
Open the
api.js
file in thesrc
directory. -
Replace
'YOUR_API_KEY'
with your actual API key:const API_KEY = 'YOUR_API_KEY';
-
Save the changes.
To deploy the website to a production environment, follow these steps:
-
Build the production-ready optimized bundle:
npm run build
-
Deploy the contents of the build directory to your chosen hosting platform.
Contributions are welcome! If you have any improvements or bug fixes, feel free to submit a pull request.
This project is licensed under the MIT License.