MOVIE-Search

Inspiration

I love movies but picking what to watch is always a struggle — too many options, not enough time. I wanted a simple tool that lets me search any movie quickly, get key details instantly, and discover films without scrolling endlessly through apps. That’s why I created CineScope — a fast and lightweight movie search experience right in the browser.

What I Built & How It Works

CineScope is built with:

HTML for structure

CSS for clean, responsive styling

JavaScript for logic and user interaction

OMDb API to fetch real-time movie data

Users just type a title, click search, and boom: They get the movie poster, rating, plot summary, and key info in seconds.

I focused on a clean and intuitive UI so anyone can use it easily — no distractions, no clutter.

What I Learned

This project leveled me up in: ✅ API integration using fetch() ✅ Handling JSON data in JavaScript ✅ Building dynamic UI elements on the fly ✅ Improving styling & layout with CSS ✅ Debugging network requests and input handling

Working with APIs made me understand how real apps pull and manage live data.

Challenges I Faced

Oh God 😅

Getting the API to respond correctly took some trial and error

Handling invalid searches or movies that don’t exist

Making sure the layout stays clean on mobile

Fixing CORS & key access issues along the way

But each issue taught me how to investigate errors and improve my code.

Future Plans

If I continue the project, I want to add: ✨ Favorites / watchlist ✨ Trailer playback ✨ Recommendation system ✨ Search history & themed categories ✨ Better animations + dark mode

Built With

• html