usePopcorn is a React application that allows users to explore movie details, rate them, and add them to a watched list. It utilizes the OMDb API for fetching movie data.
This App is part of jonas schmedtmann's React Course on Udemy
- Search Movies: Users can search for movies by title using a search input.
- View Movie Details: Clicking on a movie displays detailed information such as title, release year, runtime, genre, IMDb rating, plot, actors, and director.
- Rate Movies: Users can rate movies they've watched using a star rating component.
- Add to Watched List: Movies can be added to a watched list along with the user's rating.
- Responsive Design: The application is designed to be responsive, adapting to different screen sizes.
-
Clone Repository:
git clone https://github.com/ibrahim11elian/usePopcorn.git
-
Install Dependencies:
cd usePopcorn npm install
-
Set Up API Key:
Get an API key from OMDb API. Create a .env file in the root directory. Add your API key to .env:
VITE_API_KEY=your-api-key-here
-
Start Development Server:
npm dev
-
Open Application: Open your browser and go to http://localhost:3000 to view the application.