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.
- 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.
- React
- JavaScript (ES6+)
- CSS
- Open Movie Database (OMDb) API
- LocalStorage
- React Hooks
you can run the application by visiting the following link: My Cinema or you can run the application locally by following the steps below:
- Clone this repository to your local machine.
- Navigate to the project directory.
- Install dependencies using
npm install
. - Start the development server using
npm start
. - Open your web browser and visit
http://localhost:{your working port}
to view the application.
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.