muacelle / cubos-challenge

A responsive React Web App that consumes the TMDB API. Written in Typescript.

Cubos Code Challenge

O que é este projeto?

Este projeto é a minha resolução do Desafio Técnico da Cubos Tecnologia para a seleção de Pessoa Desenvolvedora Júnior. O desafio consiste em 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. O prazo dado para término foi de 4 dias.

Funcionalidades

O projeto possui todas as funcionalidades requeridas:

✔️ 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, pontuação do filme 
e categorias;
✔️ 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.

O que este projeto utiliza?

Este projeto foi montado utilizando Vite, TypeScript, React e Axios.

Como instalar e rodar

1. Baixe o repositório;
2. Insira a sua API Key do TMDB no arquivo .env;
3. No seu terminal, digite npm install;
4. Concluída a instalação, digite npm run dev;
5. Abra o link no seu navegador.

Notas

A fonte Abel possui somente o font-weight regular disponível no Google Fonts e em outras font libraries. Existe uma diferença em relação ao layout por causa disso. :(