Movie App 🎬

---

📄 Description

Movie App is a simple movie search web application powered by the OMDb API.
Users can search for movies and view detailed information including title, year, IMDb rating, language, and plot — all within a clean, user-friendly interface. :contentReference[oaicite:1]{index=1}

This project demonstrates how to consume a third-party API, manage API data, and display results dynamically in the browser using modern front-end techniques.

---

📋 Table of Contents

• Preview
• Screenshot
• Features
• Technologies Used
• Installation
• Usage
• Project Structure
• Deployment
• License

---

Preview

https://movie-details-api-search.netlify.app/

---

Screenshot

---

Features

• 🎥 Movie Search — Search movies by title and see results instantly.
• ℹ️ Movie Details — View rich movie information including rating, year, plot, language, and more.
• 🔍 API Integration — Powered by the OMDb API.
• 📱 Responsive UI — Works across mobile and desktop screens.
• 🚀 Hosted on Netlify — Continuous deployment from GitHub. :contentReference[oaicite:3]{index=3}

---

Technologies Used

• JavaScript – Core scripting
• HTML5 – Semantic markup
• CSS3 – Styling and layout
• OMDb API – Movie data source
• Netlify – Hosting & CI/CD

---

Installation

To run this app locally:

1️⃣ Clone the repository

git clone <repository-url>
cd movie-app

2️⃣ Install dependencies

npm install

3️⃣ Start the local server

npm start

4️⃣ Open in your browser

http://localhost:3000

---

Usage

1. Enter a movie title in the search field.
2. Press Search or hit Enter.
3. Browse results and click any movie to view full details.

---

Project Structure

movie-app/
│
├── public/                 # Public assets
├── src/                    # Application scripts & components
│   ├── createMovieListComponent.js
│   ├── createMovieDetailsComponent.js
│   └── main.js
│
├── .gitignore
├── index.html
├── package.json            # Dependencies & scripts
├── style.css               # Visual styles
└── README.md               # Project documentation

---

Deployment

This project is deployed on Netlify with GitHub continuous deployment configured.

When you push changes to the main branch:

git add .
git commit -m "Update app"
git push origin main

Netlify will automatically rebuild and redeploy the latest version of the site. ([GitHub][1])

---

License

This project is open source and free to use for personal or educational purposes.