ibnubs / react-tmdb

TMDb

Home Page:https://tmdb.arthurn.me/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TMDb API w/ React

Live demo

https://tmdb.arthurn.me/

Tools used

  • webpack 4.6.0
  • react 16.2.0
  • redux, redux-thunk
  • material-ui, styled-components, grid-styled

Development

Start: yarn dev (default port: 3000)

Start and open bundle analyzer: yarn dev-bundle-analyzer (default port: 8888)

Production

Build: yarn build

Build and open bundle analyzer: yarn build-bundle-analyzer

.prod.env file example

THEMOVIEDB_API_KEY=8SUisSHs7sSIsioSPsms
THEMOVIEDB_API_LANGUAGE=en-EN
THEMOVIEDB_API_ADULT=false

Language variables

TODO

  • remove redux-logger from production build
  • remove style-loader
  • change favicon
  • axios instead of fetch
  • search input
  • fav/unfav movies
  • react-helmet titles
  • favorite movies page
  • react-router-redux
  • responsive
  • better appbar
  • better colors for randomgradients
  • better pagination buttons
  • fix fav from movie details page
  • recommendations cards
  • async/await instead of promises
  • genres => ls
  • similar movies instead of recommended
  • netlify deploy config
  • short genres (recommended cards)
  • react-loadable
  • movie poster => background
  • webpack compression plugin
  • lazyload posters
  • mute adult movies
  • adaptive gradient
  • show "no results"
  • svg logo component
  • details page
  • fix useless rerenders
  • infinite scroll for similar movies (???)
  • remove useless babel polyfills (???)
  • catch no poster
  • typescript

About

TMDb

https://tmdb.arthurn.me/


Languages

Language:JavaScript 99.5%Language:HTML 0.5%