A fully responsive and clean Movie Explorer App built with Vite + ReactJS and powered by the TMDB API. It fetches and displays movies live with poster images, titles, release dates, and ratings. Click any movie to view its overview in a detail view. You can also add favorites and navigate with smooth routing.
👉 Live Demo: ibsa-movie-app.vercel.app
- 🔄 Live movie fetching from TMDB API
- 🎞️ Displays posters, titles, release dates, and ratings
- ⭐ Favorite any movie you like
- 📖 Click a movie to see a beautiful detailed overview
- 🔀 React Router integration for smooth navigation
- 📱 Fully responsive on all screen sizes
- ⚡ Built with Vite for lightning-fast performance
- 🎬 More detailed movie info and trailers Integrated
- Frontend: ReactJS + Vite
- Styling: CSS
- API: TMDB (The Movie Database)
- Routing: React Router
- Deployment: Vercel
# 1. Clone the repository
git clone https://github.com/ibsa-a1/React-Movie-App.git
cd React-Movie-App
# 2. Install dependencies
npm install
# 3. Start the development server
npm run devVisit http://localhost:5173 in your browser to view the app.
⚠️ Make sure to get your TMDB API key and create a.envfile:VITE_TMDB_API_KEY=your_api_key_here
- 🔗 Live Site: ibsa-movie-app.vercel.app
- 📂 GitHub Repo: React-Movie-App
- 🌈 Refactor styling with TailwindCSS
- 🧠 Add genre-based filtering and search enhancements
- 🔐 Add authentication for user-specific favorites
- 🪄 Enhance UI/UX with Framer Motion
Made with ❤️ by Ibsa Abera
GitHub: @ibsa-a1
⭐ If you like this project, consider giving it a star on GitHub and share it — it really helps!