Ever wanted an IMDb-like experience but with your own personalized movie recommendations? Welcome to IMDb-ishh Clone! 🏆
This React & Vite-powered project lets you:
✅ Browse popular & trending movies 🎥
✅ Add movies to your watchlist 🍿
✅ Get AI-powered movie recommendations 🎭
And best of all, it's fast, responsive, and fun! 🚀
🎥 Home – Browse trending movies with a stylish banner.
📌 Watchlist – Add/remove movies, sort by ratings/popularity, and filter by genre.
🔮 Find Me a Movie! – AI-generated personalized recommendations (powered by Gemini API).
📱 Responsive Design – Works smoothly on both desktop & mobile.
🚀 React – For building the UI.
⚡ Vite – Blazing-fast development & builds.
🎨 Tailwind CSS – For sleek, modern styling.
🔗 Axios – Fetches movie data from APIs.
🔄 React Router – Enables smooth navigation.
🎬 TMDB API – Fetches real-time movie data.
🤖 Gemini API – Generates AI-powered recommendations.
Clone the repo and get rolling! 🎬
git clone https://github.com/ronijames008/IMDb-ishh-Clone.git
cd IMDb-ishh-Clone
npm install
npm run dev # Start the dev server 🚀npm run build
npm run preview # Preview the production build📦 IMDb-ishh-Clone
┣ 📂 public/ # Static assets
┣ 📂 src/ # Source code
┃ ┣ 📂 components/ # UI components (Navbar, Banner, Card, etc.)
┃ ┣ 📂 utils/ # Utility functions
┃ ┣ 📜 App.jsx # Main app file
┃ ┣ 📜 App.css # Global styles
┃ ┣ 📜 main.jsx # React entry point
┃ ┣ 📜 index.css # Tailwind styles
┣ 📜 index.html # Main HTML file
┣ 📜 package.json # Dependencies & scripts
┣ 📜 vite.config.js # Vite config
┣ 📜 tailwind.config.js # Tailwind config
┗ 📜 README.md # You’re reading this now! 📖🤖 The Gemini API helps suggest movies similar to your watchlist! Here's how:
1️⃣ Extracts Titles & Genres from your watchlist.
2️⃣ Sends a prompt to Gemini AI for movie recommendations.
3️⃣ Fetches movie details from TMDB API.
4️⃣ Displays the perfect picks for you to watch next! 🎬
I'm continuously working on improving my skills, and I'd love to hear feedback from experienced frontend developers!
🔹 How can I improve the UI/UX?
🔹 Are there any best practices I should follow in React & Vite?
🔹 How can I optimize performance or state management?
If you're a frontend dev, feel free to open an issue, leave suggestions, or create a pull request! Your insights would be greatly appreciated. 🚀
If you like IMDb-ishh Clone, don’t forget to ⭐ star this repo on GitHub!
🛑 Currently, this project has no license, meaning it's not open for public use or modifications.
💡 If you'd like to contribute or use this project, feel free to reach out!