Sobre o Projeto | Tecnologias | Baixando o Projeto | Observações | Pendências Técnicas
Esta App teve como objetivo a construção de um site de busca de filmes juntamente com detalhes de ficha técnica e sinopse.
O CUBOS Movies tem como objetivo testar a capacidade técnica do desenvolvedor, nos pontos mais cruciais voltados ao ramo de Front-end, abordando questão de consump dados de uma API, trabalhar com responsividade, adaptando assim o site para maior parte dos dispositivos móveis. Além, é claro, de avaliar a construção do código, boas práticas, conhecimentos avançados, dentre outros.
💻 Dependencies JSON: package.json
- Axios: Usado para o tratamento do consumo dos serviços da API
- Styled-Components: Como maior recurso de estilização utilizado (há presença de SASS e CSS)
- React Icons: Para utilização de pacote de ícones.
- React Router Dom: Para roteamento de páginas.
- Typescript: Como Superset para Javascript
- É nessário possuir o Node.js instalado na máquina
- Assim como o GIT para a clonagem do repositório
Após checagem dos itens anteriores basta apenas realizar os seguintes comandos:
$ git clone https://github.com/gamadv/cubos-movies.git
cd cubos-movies
$ npm install
or
$ yarn install
E Por fim, para rodar o projeto em seu http://localhost:3000/ basta apenas:
$ yarn start
Algumas notas sobre características e requisitos do projetos:
- API de consumo teve sua própria chave gerada no TMDB
- Funcionalidade principal de busca e listagem de filmes está funcionando, juntamente com a página individual de cada.
- A busca foi implementada por nome.
Infelizmente alguns pontos ficaram ausentes por questões internas, estarei citando para futuras correções no projeto.
- Responsividade: Faltou configurações pertinentes até a data de entrega (01.04.2021), mas alterações foram realizadas na _branche: fix--Responsive-Layout
- Adaptações do Layout na branche levarão em consideração telas entre 768px e 1024px. (as configurações supriram 95% dos modelos.
- Tratamentos para tradução e conversão de alguns dados puxados da API como data, idioma e valores, além de filmes que não possuem imagens.