Movies Database

O repositório de um case real de Frontend -- utilizando API de filmes gratuita The Movies Database

---

Website

• Link para o website do projeto: rafael-mach-tmdb.surge.sh 💻

Ferramentas e Tecnologias

Este aplicativo apresenta todas as ferramentas e práticas mais recentes em desenvolvimento web!

• ⚛️ Axios — Consumi todos os dados da API - The Movies Database - utilizando o Axios
• 📱 Responsividade — Website totalmente responsivo
• 🔄 Loadings — Loading ao carregar o site pela primeira vez e Loading ao acessar a página de detalhes dos filmes, enquanto é feita a requisição à API — Implementado com a Lib react-spinners

Como rodar o Projeto no seu PC

1. Eu recomendo clonar este repositório usando o GitHub Desktop - Clique no botão verde Code - Depois clique em Open with Github Desktop
2. Vá até o diretório apropriado [ onde se encontra o arquivo package.json ]
3. Execute os comandos que seguem abaixo:

Instalando as dependências do Projeto

yarn install ou npm install

Este comando irá instalar todas as dependências necessárias para a aplicação rodar

Configurando a API Key

• Antes de executar a aplicação é necessário fornecer uma API Key. Você precisará fazer o cadastro no site https://www.themoviedb.org/ --- Após fazer o cadastro e clicar em API, procure pela Chave da API (v3 auth), conforme a imagem abaixo:

• Crie um arquivo .env [ na mesma pasta onde se encontra o arquivo package.json ]
• Preencha os dados com a Chave da API e salve, conforme a imagem abaixo:

• Execute os comandos que seguem abaixo:

Executando a aplicação

yarn start ou npm start

Executa o aplicativo no modo de desenvolvimento.
Abre o http://localhost:3000 para visualizá-lo no navegador.

A página será recarregada se você fizer edições.

License

This project is licensed under the MIT License - see the LICENSE page for details.