/movie-searching-website

Primary LanguageJavaScriptMIT LicenseMIT

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:

    git clone https://github.com/fossyy/movie-searching-website.git
  2. Navigate to the project directory:

    cd project-directory
  3. Install the dependencies:

    npm install
  4. Start the development server:

    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.

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

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

    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:

    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.