/MyCinema

A Repo containing the final project of ALX

Primary LanguageJavaScript

My Cinema

My Cinema is a React-based web application for searching, exploring, and rating movies. It allows users to search for movies, view details about each movie, rate them, and maintain a list of watched movies.

Features

  • Search Movies: Search for movies by title.
  • View Movie Details: Click on a movie to view details such as plot summary, ratings, cast, and more.
  • Rate Movies: Rate movies based on personal preference.
  • Add to Watched List: Keep track of watched movies by adding them to the watched list.
  • Delete from Watched List: Remove movies from the watched list.
  • Filtering: Filter movies by genre, release year, ratings range, and runtime.
  • Accessibility: Includes keyboard shortcuts and semantic HTML for improved accessibility.

Technologies Used

  • React
  • JavaScript (ES6+)
  • CSS
  • Open Movie Database (OMDb) API
  • LocalStorage
  • React Hooks

How to Run

you can run the application by visiting the following link: My Cinema or you can run the application locally by following the steps below:

  1. Clone this repository to your local machine.
  2. Navigate to the project directory.
  3. Install dependencies using npm install.
  4. Start the development server using npm start.
  5. Open your web browser and visit http://localhost:{your working port} to view the application.

Contributing

Contributions to My Cinema are welcome! Please fork this repository, make your changes, and submit a pull request. For major changes, please open an issue first to discuss potential improvements or features.