https://github.com/annaluizafistarol/disneyeggs

Web site com integração a API da Disney que mostra os filmes que determinado personagem aparece (incluindo os "easter eggs").
https://github.com/annaluizafistarol/disneyeggs

api css disney html javascript

Last synced: 3 months ago
JSON representation

Web site com integração a API da Disney que mostra os filmes que determinado personagem aparece (incluindo os "easter eggs").

Host: GitHub
URL: https://github.com/annaluizafistarol/disneyeggs
Owner: annaluizafistarol
Created: 2023-01-19T01:02:25.000Z (almost 3 years ago)
Default Branch: main
Last Pushed: 2023-01-24T00:45:32.000Z (almost 3 years ago)
Last Synced: 2025-07-26T20:58:11.656Z (3 months ago)
Topics: api, css, disney, html, javascript
Language: CSS
Homepage: https://disney-eggs.vercel.app
Size: 34.2 KB
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 2
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

![Group 15](https://user-images.githubusercontent.com/100868704/213938191-06164ea0-5941-44fc-9e1a-6998f760ed5b.png)
## 🚀✨ Proposta do Desafio
Bem-vindo(a) ao "DisneyEggs", um site onde é possível encontrar todos os filmes da Disney que determinado personagem já apareceu (incluindo os "easter eggs"), estando disponível para acesso no link: .

![Resultado Final (1)](https://user-images.githubusercontent.com/100868704/213939925-a9cfda31-fd0e-400c-88f1-825e110ec841.png)

Infelizmente a API utilizada possui diversas restrições, dentre elas o idioma (aceita pesquisas somente em inglês), exigindo o nome completo do personagem, e possuindo limitações quanto ao uso.

## 🧠✨ Objetivo e o que aprendi
O objetivo foi criar um web site utilizando JavaScript, HTML e CSS (puros, sem framework), a fim de consolidar meus conhecimento em API.
Caso queira saber um pouquinho mais do processo de elaboração e criação, fiz um breve benchmarking, elenquei possíveis referências e ideias de layout, escolhi as cores que possuíssem acessibilidade visual, e todo esse trajeto até chegar neste resultado final é possível visualizar no meu repositório do [Figma](https://www.figma.com/file/DFHUqpBTHUprs1O8sXhO9l/DisneyEggs?node-id=0%3A1&t=xjdNuSnoXFffa5Nq-1).

## 🔧✨ Tecnologias utilizadas

API da Disney disponível em = https://disneyapi.dev/

## 💻✨ Rodando o projeto
Para rodar o repositório é necessário clonar o mesmo, e procurar no seu explorador de arquivos o HTML para iniciar o projeto: `index.html`
Ou simplesmente clicar no link onde o mesmo está disponível para acesso:
Observação: os testes referente ao layout e responsividade foram realizadas somente utilizando o Google Chrome e Android.

https://user-images.githubusercontent.com/100868704/213940343-f05fc240-b38f-42b0-9314-1518b1bd12ff.mp4

## 🌺✨ Forma de contato