TheMovieMap is a modern React application that allows users to discover movies, search for titles, view detailed information, and watch official trailers using data from the TMDB API.
This project was built as part of my frontend portfolio to demonstrate real-world React skills, API integration, and UI/UX considerations.
- Search for movies by title
- View popular movies with pagination
- Movie details page (overview, ratings, release date)
- Watch official movie trailers (YouTube embeds)
- Dark & Light mode toggle with animation
- Fully responsive design (mobile-first)
- React
- React Router
- JavaScript (ES6+)
- CSS
- TMDB API
This app uses the The Movie Database (TMDB) API to fetch:
- Popular movies
- Search results
- Movie details
- Official trailers
TMDB does not provide downloadable movies — only metadata and trailers.
This application does not host or stream movies.
Trailers are embedded from YouTube, and future updates may include links that redirect users to official streaming platforms such as Netflix, Amazon Prime Video, or Apple TV, where the content is legally available.
Pius Olumide
Frontend Developer
This project is for educational and portfolio purposes.