🎬 React Movie Search App

A sleek and modern movie search app built using React.js and the OMDb API.
Search your favorite movies instantly and view posters, release years, and more — all in a clean, responsive UI!

---

🚀 Features

• 🔍 Real-time movie search using OMDb API
• 🎥 Display posters, titles, and years in a card layout
• ❌ Shows "No Movies Found" if nothing matches
• ⚡ Fully responsive layout – mobile friendly
• 🧠 Built with functional components and React Hooks
• 📦 API Integration using fetch()

---

🔧 Tech Stack

• React.js – UI & component logic
• CSS – Custom styling
• OMDb API – Movie data source

---

📸 Screenshots

---

🧠 How It Works

1. Type a movie name into the search bar
2. Click the Search icon or press Enter
3. The app fetches matching movies from the OMDb API
4. Results are displayed in a responsive card layout
5. If no movies are found, an error message is shown

---

📁 Folder Structure

src/ ├── App.jsx ├── MovieCard.jsx ├── App.css ├── index.js ├── search.svg

---

⚙️ Setup Instructions

📁 1. Clone the Repository

git clone https://github.com/chamod-malindu/MovieLand-my-first-react-app.git
cd your-repo-name

📦 2. Install Dependencies

npm install

🔑 3. Add Your OMDB API Key

• Open the file:src/App.jsx
• Replace this line:const API_URL = 'http://www.omdbapi.com/?apikey=YOUR_API_KEY';
• You can get a free API key from: https://www.omdbapi.com/apikey.aspx

🚀 4. Run the App

npm start