A modern React movie search and rating app powered by the OMDb API.
Search for movies, view details, rate them yourself, and track what you’ve watched — all saved locally on your device!
✅ Search movies dynamically using the OMDb API
✅ View detailed movie information (actors, director, genre, runtime, IMDb rating)
✅ Rate movies with an interactive star rating system
✅ Automatically saves your watched list in localStorage
✅ Responsive, simple, and clean UI built with React Hooks
- ⚛️ React (useState, useEffect, useRef)
- 🧰 Fetch API for data retrieval
- 💾 LocalStorage for persistence
- 💅 CSS for styling
- 🎬 OMDb API for movie data (OMDb Official Site)
usePopcorn/ │ ├── src/ │ ├── App.js │ ├── StarRating.js │ ├── index.js │ ├── index.css │ └── ... │ ├── package.json └── README.md
1️⃣ Clone the repository git clone https://github.com//usePopcorn.git cd usePopcorn npm install npm start
🔑 API Key Setup
The app uses the OMDb API. You’ll need your own API key — get one free here: OMDb API Key
Then replace the constant in App.js: const KEY = "YOUR_API_KEY_HERE";
🖼 Preview
🧑💻 Author
Rishi Kumar Frontend Developer | React Enthusiast 🔗 GitHub-https://github.com/rishhhhiiii10 💼 LinkedIn-https://www.linkedin.com/in/rishi-kumar-sharma-085382187/