An open API service indexing awesome lists of open source software.

https://github.com/fossyy/movie-searching-website


https://github.com/fossyy/movie-searching-website

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

        

# Movie Searching Website

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.

## Features

- 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.

## Technologies Used

- React
- JavaScript
- HTML
- CSS

## Getting Started

To get a local copy of the project up and running, follow these steps:

1. Clone the repository:

```bash
git clone https://github.com/fossyy/movie-searching-website.git
```

2. Navigate to the project directory:

```bash
cd project-directory
```

3. Install the dependencies:

```bash
npm install
```

4. Start the development server:

```bash
npm start
```
The website will be accessible at http://localhost:3000.

## API Configuration

The website uses an API to fetch movie data. To configure the API, follow these steps:

1. Obtain an API key from [API Provider](https://www.themoviedb.org/settings/api).

2. Open the `api.js` file in the `src` directory.

3. Replace `'YOUR_API_KEY'` with your actual API key:

```javascript
const API_KEY = 'YOUR_API_KEY';
```

4. Save the changes.

## Deployment
To deploy the website to a production environment, follow these steps:

1. Build the production-ready optimized bundle:

```bash
npm run build
```
2. Deploy the contents of the build directory to your chosen hosting platform.

## Contributing

Contributions are welcome! If you have any improvements or bug fixes, feel free to submit a pull request.

## License

This project is licensed under the [MIT License](LICENSE).