Skip to content

Ramalho-Sites/LISTA-DE-FILMES

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎬 Projeto Lista de Filmes

Um aplicativo web interativo para pesquisar e exibir informações de filmes, criado com HTML, CSS e JavaScript puro.

Demo do Projeto

📜 Sobre 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.


✨ Funcionalidades Principais

  • 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 fetch em JavaScript para uma API externa.
  • Manipulação do DOM: Atualiza a página dinamicamente com os resultados da busca sem recarregar.

🛠️ Tecnologias Utilizadas

  • 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 Executar o Projeto

Como este é um projeto puramente front-end, você não precisa de um servidor complexo para rodá-lo.

  1. Clone o repositório:

    git clone [https://github.com/Ramalho-Sites/LISTA-DE-FILMES.git](https://github.com/Ramalho-Sites/LISTA-DE-FILMES.git)
  2. Navegue até a pasta:

    cd LISTA-DE-FILMES
  3. Abra o index.html: Basta abrir o arquivo index.html diretamente 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á:

  1. Criar uma conta no site da API (ex: TMDB).
  2. Gerar sua chave de API gratuita.
  3. Localizar no arquivo script.js onde a chave é definida (provavelmente uma variável como const API_KEY = "SUA_CHAVE_AQUI") e substituir pela sua chave pessoal.

👨‍💻 Autor

Feito por Davi Ramalho.

GitHub LinkedIn

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors