Desafio técnico web - processo seletivo da Cubos

Objetivo

Implementar um web app responsivo que consuma a API do The Movie DB e permita buscar e ver detalhes de filmes de seu catálogo.

Especificações

Especificações obrigatórias

O web app deve:

Ter as seguintes funcionalidades:
- Permitir buscar filmes por nome ou gênero
- Resultados de busca paginados, 5 por página
- Exibir nos resultados da busca: nome, cartaz, data de lançamento, sinopse e pontuação do filme
- Possa ver, ao clicar em um resultado da busca, detalhes do filme além dos mostrados na busca, como: status (lançado, previsto, etc), idioma, duração, orçamento, receita, lucro, categorias e trailer, quando disponíveis.
Ser responsivo
Ter boa performance
Funcionar na última versão dos principais browsers (Chrome, Firefox, Safari e Edge)
Reproduzir os layouts a seguir:

Vale citar que as fontes usadas nos layouts foram Abel e Lato.

O web app não pode:

Fazer uso de frameworks CSS, como Bootstrap e Foundation

Especificações adicionais

As especificações a seguir não são obrigatórias, mas contam pontos extras:

Ter HTML semântico
Fazer uso de técnicas avançadas em CSS, HTML e Javascript
Demonstrar domínio de features modernas (ES6+) do Javascript
Ser um PWA
Fizer uso de uma ou mais das seguintes ferramentas:
- React, Vue, Angular ou similares
- Typescript, Flow ou similares
- Redux, MobX ou similares

Instruções de instalação

Clone o repositório

  git clone https://github.com/Ogunn/cubos-chalenge.git

Adicione a API key do The Movie Data Base no arquivo .env-development e renomeie o arquivo para .env

A API utilizada por esse app requer uma chave de segurança. Para manter essa chave protegida tome alguns cuidados:
- Nunca faça o upload dos arquivos de build de um react-app que contenha informações sensíveis nas variáveis de ambiente. Veja a issue Security: API key in the react build. #2
Instale as dependencias

  yarn install

Inicie o servidor

  yarn start

Bundle size tests

Without Material-ui components

Creating an optimized production build... Compiled successfully.

File sizes after gzip:

62.19 KB build\static\js\2.fd413908.chunk.js 2.64 KB build\static\js\main.e7b00b9d.chunk.js 801 B build\static\js\runtime-main.dac74fe6.js 179 B build\static\css\main.4562388c.chunk.css

The project was built assuming it is hosted at /Ogunn/cubos-chalenge/. You can control this with the homepage field in your package.json.

The build folder is ready to be deployed.

Find out more about deployment here:

bit.ly/CRA-deploy

Done in 35.88s.

With Material-ui components