M-Streaming is a web application that allows users to explore a variety of movies and TV shows with an attractive and responsive design. This application is built using React and various modern technologies to provide an optimal streaming experience.
This application uses the Public API TMDB to fetch movie and TV show data, allowing users to discover trending content and receive recommendations based on their preferences.
- Search Movies on Navbar: Enables users to search for movies directly from the navbar.
- Trending Movies: Displays a list of movies and TV shows that are currently popular.
- Popular Movies: Provides a list of films that are getting a lot of attention.
- Now Playing: Shows movies that are currently playing in theaters.
- Coming Soon: Displays films that will be released soon.
- Movie Details: Offers detailed information about a movie, including synopsis, release date, and more.
- View More on Popular Films: Allows users to see more popular films with pagination.
- Movie Recommendations: Displays related movie recommendations on the movie details page.
- Pagination: Facilitates navigation through movie lists with clear page divisions.
- Create React App
- Redux Toolkit
- Axios
- Bootstrap
- React Bootstrap
- Day.js
- React Icons
- React Lazy Load Image Component
- React Redux
- React Slick
- Sass
- Slick Carousel
M-Streaming utilizes the Public TMDB API to construct its RESTful API. The TMDB API (The Movie Database API) is a robust interface that enables developers to access and leverage an extensive collection of data on movies, TV shows, and actors provided by The Movie Database. It offers a diverse range of features that can enhance applications related to film and television.
- Clone this repository using the command:
git clone https://github.com/marcellandreas/Movie-app-with-tmbd
- Navigate to the project directory:
cd repo-name - Install all dependencies:
npm install
- Run the application:
npm start