gamadv/cubos-movies

🔧 💻 Site para busca de filmes.

Movies

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.

🔘 Projeto:

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.

🔵 Tecnologias

= () → :

💻 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

🔵 Baixando o Projeto

1. É nessário possuir o Node.js instalado na máquina
2. 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

✒️ Observações

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.

🔧 Pendências Técnicas

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.

🏁 Made by: Moacir Gama 🏁