🎬 Movie Finder

A simple and beginner-friendly project that allows users to search for their favorite movies by typing the title into an input field. For example, if a user types naruto, the app will display search results for movies with the title Naruto.

This mini project was built using HTML, CSS, Bootstrap 5, and JavaScript, with the help of the Axios library for fetching movie data from an API.

---

🌐 Live Preview

You can check out the project here

Or clone the repo and run it locally (see below).

---

📸 Screenshot

---

🧰 Technologies Used

• HTML
• CSS
• Bootstrap 5
• JavaScript
• Axios (for API fetching)

---

📦 How to Use

1. Clone this repository:

git clone https://github.com/Miawwh/movie-finder

2. Open the project folder:

cd movie-finder

3. Open index.html in your browser:

# You can simply double-click index.html or use Live Server (VS Code)

4. Type a movie name in the input box (e.g., Naruto) and press Enter or click the search button.

---

🧪 API Used

This project uses the free and public API provided by TVMaze.

• 🔗 API Documentation: https://www.tvmaze.com/api
• 📡 API Endpoint Used: https://api.tvmaze.com/search/shows?q=your_query

---

🗂️ Project Structure

movie-finder/
├── index.html       # Main HTML file
├── style.css        # Custom styling
├── system.js        # JavaScript logic (API call, rendering results)
├── image.png        # Background image (sourced from Netflix)
└── README.md        # Project documentation

---

📣 Notes

• This project is completely free and open to use by anyone.
• You’re welcome to improve, modify, or reuse this code for your own personal or educational projects.
• If the API server is down or encounters an error, an appropriate message will be shown.

---

💡 Future Improvements (Optional Ideas)

• Add pagination
• Add movie trailers or cast details
• Responsive improvements for smaller devices
• Dark/light mode toggle

---

📬 Feedback or Questions?

Feel free to open an issue or start a discussion on this repo