vitordino / movies

🍿 react-app for movies

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

movies's Issues

Failed to compile. issue

**hi getting an error ..

any suggestion?

contributors sections

I‘ve thought that, as i started asking for help (#1 / #2) it would be nice to have some contributors section both on repo’s readme and app’s about page 🎉

any suggestions for this? an array with gh users on package.json + actions to write it on readme + component to render them?

make tests

currently there are no tests, i plan to add some on the next few months (this is just a side-side project).

So, if anyone wants to suggest tooling or test cases, or even create some, it would be great 🤗

(there will be an contributors section, both on the app’s about page and on the repo readme)

migrate to typescript

although there’s a draft on a branch for that matter, i couldn’t make enough time to learn ts 😞

so if anyone with greater expertise wants to lend a hand, i would greatly appreciate 🎉