Um aplicativo web interativo para pesquisar e exibir informações de filmes, criado com HTML, CSS e JavaScript puro.
🔗 Acesse o site: Clique aqui para interagir com o projeto!
Este projeto foi desenvolvido como um exercício prático para consumir dados de uma API de filmes (provavelmente a The Movie Database - TMDB) e exibi-los de forma amigável. O usuário pode pesquisar por um filme específico e a aplicação retorna uma grade com os resultados correspondentes.
- Busca em tempo real: Pesquise filmes dinamicamente.
- Layout Responsivo: Funciona bem em desktops e dispositivos móveis.
- Consumo de API: Demonstração de como fazer requisições
fetchem JavaScript para uma API externa. - Manipulação do DOM: Atualiza a página dinamicamente com os resultados da busca sem recarregar.
- HTML5: Estrutura semântica do site.
- CSS3: Estilização, layout em grade (Grid/Flexbox) e responsividade.
- JavaScript (ES6+): Lógica do aplicativo, manipulação do DOM e requisições de API (
fetch).
Como este é um projeto puramente front-end, você não precisa de um servidor complexo para rodá-lo.
-
Clone o repositório:
git clone [https://github.com/Ramalho-Sites/LISTA-DE-FILMES.git](https://github.com/Ramalho-Sites/LISTA-DE-FILMES.git)
-
Navegue até a pasta:
cd LISTA-DE-FILMES -
Abra o
index.html: Basta abrir o arquivoindex.htmldiretamente no seu navegador de preferência.
Nota Importante sobre a API Key: A maioria das APIs de filmes (como a TMDB) exige uma "API Key" (Chave de API) para funcionar. Se você baixou este código, provavelmente precisará:
- Criar uma conta no site da API (ex: TMDB).
- Gerar sua chave de API gratuita.
- Localizar no arquivo
script.jsonde a chave é definida (provavelmente uma variável comoconst API_KEY = "SUA_CHAVE_AQUI") e substituir pela sua chave pessoal.
Feito por Davi Ramalho.
