https://github.com/bonniss/rotten-oranges

A React TMDb Client
https://github.com/bonniss/rotten-oranges

es6 material-ui modern-javascript react react-hook rotten-tomatoes tmdb-api tmdb-movie-search

Last synced: about 2 months ago
JSON representation

A React TMDb Client

Host: GitHub
URL: https://github.com/bonniss/rotten-oranges
Owner: bonniss
License: apache-2.0
Created: 2021-03-05T09:43:02.000Z (over 5 years ago)
Default Branch: main
Last Pushed: 2021-03-06T18:01:26.000Z (over 5 years ago)
Last Synced: 2025-10-31T06:42:44.297Z (7 months ago)
Topics: es6, material-ui, modern-javascript, react, react-hook, rotten-tomatoes, tmdb-api, tmdb-movie-search
Language: JavaScript
Homepage: https://rotten-oranges.nauda.dev
Size: 1.6 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Rotten Oranges - A React TMDb Client

Logo

This is one of my weekend projects to practice React Hook API. It is originally inspired by [reactjs-tmdb-app](https://github.com/SKempin/reactjs-tmdb-app) by Stephen Kempin.

Technologies used:

- Backend (Data Source)
- [The TMDb API](https://www.themoviedb.org/documentation/api)
- Frontend
- [React Material UI](https://material-ui.com/)

## Authentication

Before you start, you __must__ provide information for TMDb to recognize your application.

TMDb application level authentication is controlled by one of either a single query parameter, `api_key`, or by using your v4 access token as a `Bearer` token. This project use the latter by setting `ENV.bearerToken` in `environment.js`.

You can request an API key by [logging in to your account](https://www.themoviedb.org/login) or [sign up if you do not have one](https://www.themoviedb.org/signup) on TMDb, then clicking the `API` link in the left hand side bar of your account page.

## Get Started

```bash
git clone https://github.com/bonniss/rotten-oranges.git
cd rotten-oranges
```

- Install dependencies

```bash
npm install
```

- Run dev server: `npm start`, default port `8001`

```bash
npm start
```

- Build project, output folder `dist`

```bash
npm run build
```

## Screenshots

Homepage