Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/marcellandreas/movie-app-with-tmbd

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.
https://github.com/marcellandreas/movie-app-with-tmbd

axios bootstrap dayjs react-icons react-lazy-load-image-component react-redux react-slick react-slider reactjs redux-toolkit saas slick-carousel

Last synced: 5 days ago
JSON representation

Host: GitHub
URL: https://github.com/marcellandreas/movie-app-with-tmbd
Owner: marcellandreas
Created: 2023-05-12T05:12:07.000Z (over 1 year ago)
Default Branch: master
Last Pushed: 2024-10-15T18:10:33.000Z (2 months ago)
Last Synced: 2024-10-17T02:14:08.051Z (2 months ago)
Topics: axios, bootstrap, dayjs, react-icons, react-lazy-load-image-component, react-redux, react-slick, react-slider, reactjs, redux-toolkit, saas, slick-carousel
Language: JavaScript
Homepage: https://m-film.surge.sh/
Size: 589 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# M-Streaming

## Project Description

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.

## Features

- **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.

## Technologies Used

- [Create React App](https://reactjs.org/docs/create-a-new-react-app.html)
- [Redux Toolkit](https://redux-toolkit.js.org/)
- [Axios](https://axios-http.com/)
- [Bootstrap](https://getbootstrap.com/)
- [React Bootstrap](https://react-bootstrap.github.io/)
- [Day.js](https://day.js.org/)
- [React Icons](https://react-icons.github.io/react-icons/)
- [React Lazy Load Image Component](https://github.com/xuhao/react-lazy-load-image-component)
- [React Redux](https://react-redux.js.org/)
- [React Slick](https://react-slick.neostack.com/)
- [Sass](https://sass-lang.com/)
- [Slick Carousel](https://kenwheeler.github.io/slick/)

## Related Links

- [Live Website](https://m-streaming.vercel.app/)
- [Repository](https://github.com/username/repo-name)

## Open API

M-Streaming utilizes the [Public TMDB API](https://www.themoviedb.org/documentation/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.

## How to Download the Project

1. Clone this repository using the command:
```bash
git clone https://github.com/marcellandreas/Movie-app-with-tmbd
```
2. Navigate to the project directory:
```bash
cd repo-name
```
3. Install all dependencies:
```bash
npm install
```
4. Run the application:
```bash
npm start
```