🎬 Movie Watchlist App

A responsive movie watchlist app built with JavaScript, HTML, and CSS.
It uses the OMDb API to search for movies, display details, and allows users to add/remove movies to/from their personal watchlist saved in localStorage.

📚 About

This is a solo project built as part of the Scrimba Frontend Career Path program to practice API integration, DOM manipulation, and theming.

✨ Features

• 🔍 Search movies by title
• 🎞️ View detailed movie info (poster, rating, runtime, genre, plot)
• ➕ Add movies to a watchlist saved locally
• ❌ Remove movies from the watchlist
• 🌗 Light/dark theme toggle with smooth icon animation
• 📱 Responsive design for mobile and desktop

🔗 Live Demo

Check out the live demo of the app here: Movie Watchlist Live Demo

🛠️ Technologies Used

• 💻 Vanilla JavaScript (ES6+)
• 🌐 HTML5 & CSS3 (Flexbox, media queries)
• 🎥 OMDb API for movie data
• 💾 LocalStorage for persistent watchlist and theme

🚀 How to Run

1. Clone the repo:

   git clone https://github.com/yourusername/movie-watchlist-app.git
   

2. Open index.html in your browser.

3. Make sure to set your OMDb API key in your environment variables if using a build tool or hardcode the API key in your JS for testing purposes.

🤝 Contributing

Contributions are welcome! Feel free to open issues or submit pull requests.

📄 License

MIT License © Ouassima