The movie database web app

Introduction

This application uses the The movie Database API 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.

What I did

• Create a template layout with figma
• Create four section to list:
  • Popular Movies
  • Popular Series
  • Family Category (Movies and Series)
  • Documentaries
• Select a assets in the carousel and navigate to detail
• Show a sample MP4 movie in full screen
• Responsive app
• Search functionality
• Unit test

Main technologies

• React.js
• Styled Component
• TypeScript
• Shaka player

How to run

1. Clone this Repository:

   $ git clone git@github.com: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 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.

---

with ❤ - MouraCamila