Skip to content

codingwithluiz/js-unsplash-api

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

📷 Visualizador de Imagens - Unsplash API

Este projeto é um visualizador de imagens simples que consome a Unsplash API para buscar e exibir imagens com base em um termo de pesquisa informado pelo usuário.

🔍 Funcionalidades

  • Busca de imagens usando palavras-chave.
  • Paginação de resultados com botão "Carregar mais".
  • Layout responsivo e moderno.
  • Imagens exibidas com descrição alternativa (quando disponível).

🛠 Tecnologias Utilizadas

  • HTML5 para estruturação.
  • CSS3 para estilos e layout responsivo.
  • JavaScript (ES6+) para integração com a API e manipulação do DOM.
  • Unsplash API como fonte de dados.

🚀 Como Executar

  1. Clone o repositório:
    git clone https://github.com/codingwithluiz/js-unsplash-api.git
  2. Acesse o diretório:
    cd js-unsplash-api
  3. Abra o arquivo index.html no navegador.

🔐 Nota: O projeto utiliza uma chave pública da Unsplash API. Para produção, recomenda-se gerar sua própria chave acessando Unsplash Developers.

📁 Estrutura do Projeto

js-unsplash-api/
├── index.html         # Página principal do app
├── styles.css         # Estilos personalizados
└── script.js          # Lógica de busca e integração com a API

📸 Exemplo de Uso

Digite um termo como natureza, cachorro, cidade, e clique em Buscar. Imagens relacionadas serão carregadas automaticamente. Clique em Carregar mais para ver mais resultados.

🧑‍💻 Autor

Desenvolvido por @codingwithluiz


Feito com ❤️ e café.

About

Criando um Visualizador de Imagens com a API do Unsplash

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published