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.
- 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).
- 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.
- Clone o repositório:
git clone https://github.com/codingwithluiz/js-unsplash-api.git
- Acesse o diretório:
cd js-unsplash-api
- 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.
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
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.
Desenvolvido por @codingwithluiz
Feito com ❤️ e café.