🍿 usePopcorn

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!

---

🚀 Features

✅ 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

---

🧠 Built With

• ⚛️ React (useState, useEffect, useRef)
• 🧰 Fetch API for data retrieval
• 💾 LocalStorage for persistence
• 💅 CSS for styling
• 🎬 OMDb API for movie data (OMDb Official Site)

---

🧩 Folder Structure

usePopcorn/ │ ├── src/ │ ├── App.js │ ├── StarRating.js │ ├── index.js │ ├── index.css │ └── ... │ ├── package.json └── README.md

---

⚙️ Installation and Setup

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/