Movies ^{_{react-app for movie related search}}

This repo contains all the code for the movies.vitordino.com app.

_{this project is built upon significa/frontend-challenge, all design credits go for them.}

_{This product uses the TMDb API but is not endorsed or certified by TMDb.}

Development Quick Start

Make sure your system meets the required dependencies and versions before proceeding.

Get one themoviedb.org API key, and set it as a environment variable named REACT_APP_TMDB_KEY (you can use a .env.local file for that)

# Install project dependencies
$ yarn

# Development server
$ yarn dev # starts dev server

# Build app
$ yarn build # Outputs to ./build directory
$ npx serve build # Static server for the built website

Development Server Options

To change the port set the PORT environment variable:

$ PORT=9000 yarn dev
# => starts server at http://localhost:9000

Tech Stack

Key Front-End Packages

name	license	description
react	MIT	Declarative, component-based, functional aproach to user interfaces
create-react-app v2	MIT	create react apps with no build configuration.
styled-components	MIT	css-in-js library, composable styling
@reach/router	MIT	Next Generation Routing for react
rescripts	MIT	Use the latest react-scripts with custom configurations for Babel, ESLint, TSLint, Webpack,... ∞
react-snap	MIT	Zero-configuration framework-agnostic static prerendering for SPAs

_{This app is heavily built on react new features — eg.: hooks, lazy and Suspense.}

System Dependencies

name	min. version
git	2.0.0
bash	3.0.0
node	8.0.0
yarn	1.0.0