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:
Uso de imagens "default" no caso de não possuir "poster" do filme:
Quando não há internet:
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.