themoviedb-react icon indicating copy to clipboard operation
themoviedb-react copied to clipboard

TMDb API with React.

TMDb React app

Frontend application using The Movie Database API. Built with React. Not endorsed or certified by TMDb.

Try it out here. (It might take a while to load as Heroku free tier goes to sleep after 30mins of inactivity)

Build Status Codacy Badge

Some of the stuff used:

  • React
  • Redux with Redux thunk
  • Typescript
  • React router v4
  • Webpack 4
  • Jest
  • CSS modules

getting started

Install packages:

yarn install

Create .env file in the repo root and set your api key as API_KEY variable:

// .env
API_KEY=12345678901234567890

You can request an API key by logging in to your account on TMDb and clicking the "API" link in the left hand side bar of your account page.

Use webpack-dev-server for local development:

yarn dev-server

Build the app:

yarn build:dev
yarn build:prod

Run the server:

yarn serve

Run tests:

yarn test

TMdb api documentation can be found at: https://developers.themoviedb.org/3/getting-started