Movie Finder is a web application that allows users to search for movies, view trailers, check streaming platform availability, and save favorite movies. It integrates OMDB and TMDB APIs to fetch movie details, ratings, and watch providers. Additionally, users can enable dark mode and use a "Surprise Me!" feature to get random movie suggestions.
- 🔍 Search Movies & TV Shows (OMDB API)
- 🎞 Watch Movie Trailers (TMDB API)
- 📺 Check Streaming Platform Availability (TMDB API)
- ❤️ Add/Remove Favorites (LocalStorage)
- 🎭 Surprise Me! - Suggests a random movie
- 🗣 Voice Search - Search using voice recognition
- 🌙 Dark Mode Toggle
- HTML, CSS, JavaScript
- OMDB API & TMDB API (for movie details, trailers, streaming info)
- LocalStorage (for saving favorites)
- Google Speech Recognition (for voice search)
📦 Movie Finder Project
┣ 📜 index.html # Main HTML file
┣ 📜 style.css # Stylesheet
┣ 📜 script.js # Main JavaScript file
┣ 📜 config.js # API key configuration (excluded in GitHub)
┣ 📜 README.md # Project Documentation
┣ 📜 .gitignore # Ignore config.js (to hide API keys)
git clone https://github.com/your-username/movie-finder.git
cd movie-finderSimply open index.html in your browser.
You can deploy the project using GitHub Pages, Netlify, or Vercel.
- Push your project to GitHub.
- Go to Settings → Pages.
- Select the
mainbranch and set root as/. - Click Save and get your live link.
- Search for a movie → Fetches movie info from OMDB API.
- Click on a result → Fetches trailer & streaming info using TMDB API.
- Add to Favorites → Saves the movie to LocalStorage.
- Use Voice Search → Enables speech recognition for search.
- Toggle Dark Mode → Switches between light & dark theme.
- Surprise Me! → Shows a random movie recommendation.
- Fork the repository 🍴
- Create a new branch
feature-new🌿 - Make your changes & commit 🚀
- Submit a Pull Request 🔥
This project is open-source under the MIT License.