Este projeto web simples, inspirado no filme “Serviços de Entrega da Kiki” do Studio Ghibli, consome a API pública nekos.best para exibir imagens e GIFs de personagens de anime com orelhinhas de gato (neko). A interface charmosa traz a atmosfera acolhedora da jovem bruxa Kiki, unindo magia, cultura japonesa e tecnologia.
Este projeto apresenta uma interface clean e temática que exibe uma ilustração charmosa da Kiki e um botão que, ao ser clicado, busca imagens animadas ou estáticas de personagens de anime com orelhinhas de gato, fornecidas pela API nekos.best. Para completar a ambientação, uma trilha sonora toca durante a navegação, remetendo à magia e ao aconchego do universo do Studio Ghibli.
- HTML5
- CSS3
- JavaScript (Vanilla)
- API pública: nekos.best
- Exibição dinâmica de imagens/GIFs de personagens de anime com orelhinhas de gato (neko), fornecidas pela API nekos.best
- Botão para carregar uma nova imagem
- Indicação de status da requisição (carregando, erro)
- Reprodução de áudio ambiente com trilha sonora temática
- Link direto para o site oficial da API nekos.best
- Clone ou baixe o repositório:
git clone https://github.com/seu-usuario/nekos-best-kiki.git
- Verifique se os arquivos estão organizados corretamente (
index.html,style.css,script.js,audio.jse a pastapublic/). - Abra
index.htmlno seu navegador. - Clique em Buscar Imagem para carregar imagens da API nekos.best com a magia de Kiki.
nekos-best-kiki/
├── public/
│ ├── jiji.png
│ ├── kiki vector.png
│ └── kiki-ost.mp3
├── index.html
├── style.css
├── script.js
├── audio.js
└── README.md
Desenvolvido por Adriana, estudante de Desenvolvimento Full Stack no Projeto Geração Tech 2.0.
Este projeto foi orientado por Luan Oliveira, profissional dedicado ao ensino de Desenvolvimento Web e mentor no processo de construção de aplicações front-end e back-end.
Este projeto está sob a licença MIT — fique à vontade para usar e personalizar.