π Live Frontend: https://movieexplorersapp.netlify.app/
π Backend API: https://movie-explorer-kz6z.onrender.com/
π GitHub Repo: https://github.com/mulayharshal/Movie-Explorer.git
Movie Explorer is a full-stack movie browsing platform that provides a smooth and responsive experience for discovering movies, series, and episodes.
Users can:
- π Search movies by title
- π¬ View full movie details
- β Check ratings (IMDb, Rotten Tomatoes, Metacritic)
- π± Use on any device (fully responsive)
- β‘ Enjoy fast performance through smart caching
- πΎ Automatically restore the last search
The backend is developed with Spring Boot and provides a clean REST API layer between the frontend and the OMDB API.
- π° RESTful endpoints for search & movie details
- π Secure API key handling using environment variables
- β‘ In-memory caching
- Cache expiry
- Max size limit
- π Fast HTTP client using RestTemplate
- π§Ή Error handling (invalid title, no results, API failure)
- π Extensible architecture for future expansion
GET /api/movies/search?title=Iron Man
GET /api/movies/details?id=tt0371746
Built using React + Vite with clean, modern, responsive design.
- π Search dashboard with instant results
- π Grid layout of movies (poster, title, year, type)
- π¬ Detailed movie page
- Poster
- Director
- Genre
- Plot
- Actors
- Ratings list
- πΎ Last search auto-restored (localStorage)
- π¦ Beautiful movie cards (9:16 poster ratio)
- π§© Easy navigation with React Router
- π± Fully responsive for all devices
- π¨ Polished UI for production use
| Frontend | Backend | API Source | Deployment |
|---|---|---|---|
| βοΈ React (Vite) | β Spring Boot | π₯ OMDB API | π Netlify (Frontend) |
| π¨ CSS | π§ RestTemplate | β Render (Backend) |
git clone https://github.com/mulayharshal/Movie-Explorer.git
cd movie-explorercd frontend-movie-explorer
npm install
npm run devRuns at:
http://localhost:5173/
Create .env:
VITE_API_URL=http://localhost:8080/api
VITE_WEBSITE_NAME=Movie Explorer
cd backend-movie-explorer
mvn spring-boot:runSet your API key:
OMDB_API_KEY=your_api_key_here
Backend runs at:
http://localhost:8080
π¨βπ» Developer
Harshal Mulay
π India
π GitHub: https://github.com/mulayharshal


