Frontend application using The Movie Database API. Built with React.

Clone the repo locally

git clone 'link'

Install packages

npm install

Insert your own API key into /src/config/config.js and save it

config.apiKey = 'keyHere';

Run it

npm start

As per notes below, the visualization of the HSL stream is possible only on IE/Edge.

npm run-script build serve -s build

• README.md
• axios-orders.js
• package-lock.json
• package.json
• src
  • App.css
  • App.js
  • assets
    • images
      • poster_not_avail.jpg
      • tmdb.svg
  • components
    • VideoPlayer
      • VideoPlayer.jsx
    • axios-instance
      • axios-instance.js
    • directory
      • directory.component.jsx
      • directory.module.css
    • getErrorHandler
      • getErrorHandler.component.jsx
      • getErrorHandler.css
    • header
      • header.component.jsx
      • header.module.css
    • searching
      • searching.component.jsx
      • searching.module.css
    • spinner
      • spinner.component.jsx
      • spinner.module.css
  • config
    • config.js
  • index.css
  • index.js
  • pages
    • homepage
      • homepage.component.jsx
    • notfound
      • notfound.component.jsx
    • search
      • search.component.jsx
    • showItem
      • showItem.component.jsx
      • showItem.module.css

The Play button doesn't play the actual trailer but an HLS standard streaming video via Shaka player, made it compatible with all browsers.