Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mouracamila/the-moviedb-app
Basic streaming application prototype with React.js, TypeScript, and TMDTB API.
https://github.com/mouracamila/the-moviedb-app
axios heroku moviedb-api react-multi-carousel reactjs skaka-player styled-components typescript yarn
Last synced: about 1 month ago
JSON representation
Basic streaming application prototype with React.js, TypeScript, and TMDTB API.
- Host: GitHub
- URL: https://github.com/mouracamila/the-moviedb-app
- Owner: mouracamila
- License: mit
- Created: 2020-06-10T07:47:19.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-06-18T10:00:12.000Z (over 4 years ago)
- Last Synced: 2024-10-29T10:11:01.407Z (3 months ago)
- Topics: axios, heroku, moviedb-api, react-multi-carousel, reactjs, skaka-player, styled-components, typescript, yarn
- Language: TypeScript
- Homepage: https://web-app-movie.herokuapp.com/
- Size: 115 MB
- Stars: 0
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
The movie database web app
### Introduction
This application uses the [The movie Database API](https://www.themoviedb.org/) to create a basic streaming application prototype, and media catalog. It allows you to browser the media by some categories, see media details and play a sample video directly in your browser.
### Demo
The app is hosted on the Heroku [click here to see it.](https://web-app-movie.herokuapp.com/)
### What I did
- [x] Create a template layout with [figma](https://www.figma.com/file/qVgLxH6xrNcZ2DgF0FHAZv/Untitled?node-id=0%3A1)
- [x] Create four section to list:
- Popular Movies
- Popular Series
- Family Category (Movies and Series)
- Documentaries
- [x] Select a assets in the carousel and navigate to detail
- [x] Show a sample MP4 movie in full screen
- [x] Responsive app
- [x] Search functionality
- [ ] Unit test
## Main technologies
- [React.js](https://reactjs.org/)
- [Styled Component](https://styled-components.com/)
- [TypeScript](https://www.typescriptlang.org/)
- [Shaka player](https://github.com/google/shaka-player/)
## How to run
1. Clone this Repository:
`$ git clone [email protected]:mouracamila/the-moviedb-app.git`
2. Installing dependencies:
`$ yarn`
3. Project configuration:
`$ cp env.sample .env.local`
You need to edit the file `.env.local`, adding your [themoviedb](https://www.themoviedb.org/) API Read Access Token (v4 auth) after `REACT_APP_API_TOKEN=`.
4. Running project:
`$ yarn start`
##### PS: **Yarn** should be run where **package.json** is in your project
#### After running the project, in your terminal, this message should be displayed:
```
Compiled successfully!
You can now view the-moviedb-app in the browser.
Local:http://localhost:3000
```
## License
This project is under license from [MIT](https://en.wikipedia.org/wiki/MIT_License).
---
with ❤ - [MouraCamila](https://github.com/mouracamila)