web
Moviflix
Movie Discovery Platform
1 / 5
Key Features
Overview
A movie discovery web application powered by the TMDB API, allowing users to browse trending movies, explore detailed information, search titles, and discover content by category. The application integrates live movie data with a modern, responsive interface. Some ISPs block access to the TMDB API, so a VPN may be required in certain regions.
Highlights
- Integrated the TMDB API to browse trending, popular, and top-rated movies.
- Implemented global state management using Redux Toolkit.
- Built client-side routing with React Router for movie and search pages.
- Created responsive carousels and movie sliders using React Slick and React Responsive Carousel.
Engineering Decisions
- Centralized application state with Redux Toolkit to simplify data sharing across views.
- Separated API communication, state management, and presentation into independent layers.
- Designed reusable movie card and carousel components to minimize duplicated UI logic.
Challenges
- Managing asynchronous API requests, loading states, and error handling.
- Keeping Redux state synchronized across multiple movie categories and detail pages.
- Handling regional restrictions that prevent access to the TMDB API in some locations.
Outcomes
- Strengthened my understanding of React application architecture and state management with Redux Toolkit.
- Gained practical experience integrating third-party REST APIs and building data-driven user interfaces.