Skip to content

andersonFaro9/challenge_cubos

Repository files navigation

Sobre

Esse foi um desafio colocado pela empresa de tecnologia Cubos Tecnologia, localizada em Salvador, Bahia. Nele foi consumido informações da api: The Moviedb que traz filmes em diversos idiomas; vai desde dos anos 60, 70, etc e até os filmes mais atuais. Mais informações sobre a api aqui: https://developers.themoviedb.org/3/

Tecnologias utilizadas no projeto:

  • React JS
  • Typescript
  • Styled-components
  • axios
  • Css/Flexbox

Testados nos principais navegadores: Chrome, Firefox, Edge, Safari, Opera e Vivaldi.

Compilação e instalação de dependências e "libs".

  • Para criação do projeto foi o "create-react-app nome_do_projeto --template=typescript" que é um "boilerplate" em Ts que agiliza o tempo de criação do projeto.

  • Nesse desafio foi utilizado para instalação de "libs" o gerenciador de pacotes chamado: Yarn.

  • Para baixá-lo é preciso clonar o repositório na sua máquina, no seu terminal é preciso digitar o comando: Yarn e dar enter, seu editor de texto vai baixar todas dependências necessárias.

  • Para visualizar, primeiro em seu terminal, digite o comando yarn start, depois de carregado, vá ao seu navegador, digite: http://localhost:3000/

  • Nesse desafio foi configurado e instalado ferramentas como o eslint, editorconfig, prettier.config.js, entre outros; Para maiores informações, segue link com os detalhes: https://www.notion.so/Padr-es-de-projeto-com-ESLint-Prettier-e-EditorConfig-0b57b47a24724c859c0cf226aa0cc3a7

Prints importantes:

Clique aqui para ver o vídeo: Desafio ou no link: https://cutt.ly/zj14GSv

Filmes devidamente carregados com suas informações mais relevantes:

image1 image2 image4

Uso de imagens "default" no caso de não possuir "poster" do filme:

image3

Quando não há internet:

image5

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.