- Trending Movies: Users can follow up best 20 trending movies nowadays.
- Movie Search: Users can search for movies by title, allowing for easy discovery of films they are interested in.
- Movie Details: The app provides detailed information about each movie, including its title, release year, genre, and an average score.
- Cast: Users can explore the actors involved in the making of each movie.
- Reviews: Users can check all the reviews lefting about movies.
- Front-End Framework:
- Styling:
- API Integration: Utilizes a movie information API for data retrieval.
- for making API requests
- React Router: The heart of the application, enabling seamless navigation and dynamic routing.
- HashRouter with Routes and Route: Employed to create a smooth and intuitive user experience.
- Link and NavLink Components: Used for easy navigation and active link styling.
- URL Parameters: Leveraged to access specific movie details and provide a tailored user experience.
- Nested Routes: Implemented with SharedLayout and Outlet for organized content display.
- useNavigate Hook: Enhanced navigation control for an engaging user experience.
- useSearchParams: Enables dynamic searching and filtering of movie information.
- React.lazy and React Suspense: Utilized for code splitting, ensuring efficient loading of app components.
The project serves both as a showcase of React development skills and as a practical tool for movie enthusiasts to quickly access movie-related information in one place.