Neste Website eu consumi a api The Movie Database para desenvolver um botão que quando é clicado pelo usuário ele traz o nome, descrição e poster de um filme popular aleatório, fui um desafio fazer este website utilizando fetch do NodeJs.
🎡 Back-End com NodeJS
🪁 Métodos HTTP com Express
🔐 Variáveis ambiente com DotEnv
⏱ Atualização do servidor em tempo real com Nodemon
🧰 Estilização do Front-end feita com o Bootstrap
Eu fui além do desafio neste projeto, levei em pratica o meu conhecimento máximo em clean code e boas práticas para trabalho em equipe.
O design do Front-end foi feito pela equipe da RocketSeat que dão desafios incríveis para seus alunos, o design utilizado foi feito no Figma.
Desenvolvido o mais fiel possível ao design, utilizando as mesmas cores, fontes, ícones e textos
Algumas features adicionais foram implementadas para deixar o website mais consistente.
Adicionei uma tela de carregamento ao encontrar filme que é ativada quando o Front-end busca os dados do filme e é desativada quando o poster do filme carrega totalmente.
Website totalmente responsivo para dispositivos móveis.
Entre no site do Visual Studio Code baixe e faça a instalação
Baixe e instale a versão LTS do NodeJs
2 - Pegue a chave da API do The Movie Database para pegar a chave siga os passos abaixo
A - Crie uma conta no The Movie Database
B - Após verificar o e-mail, faça o login e acesse este link
C - Clique em Criar e escolha a opção Developer
D - Aceite os termos de uso da API
E - Preencha os dados necessários e clique em Enviar.
F - Após clicar em enviar você terá acesso a sua API Key
G - Após baixar o template terá um arquivo chamado .env.example, cole a sua API KEY gerada no arquivo e renomeie o arquivo para .env