Criação de uma aplicação Front-End para uma API de desenhos de sucesso dos anos 90 e 2000

É um trabalho acadêmico

Criação de uma aplicação Front-End para uma API de desenhos de sucesso dos
anos 90 e 2000.

criar um Web site que consome dados de uma API referente ao
mundo de desenhos em quadrinhos, para isso você deverá planejar e desenvolver uma
página contendo conteúdos relevantes ao assunto escolhido, esse projeto trará também
dados em tempo real do desenho escolhido que teve muito sucesso ao longo dos anos.
Você terá liberdade de criar a interface da sua página que deverá ser desenvolvida
utilizando:
● HTML;
● CSS;
● Javascript;

Você poderá utilizar como exemplo algumas APIs de desenhos que hoje são públicas e que
possibilitam a sua utilização sem nenhum tipo de custo, tais como:
● Rick and Morty - ************
● Marvel - ************
● Pokemon - ************
● Super Hero - ************
● Simpsons - ************

Todas as APIs citadas são gratuitas, porém podem precisar de algum tipo de cadastro ou
token de acesso para a sua utilização.
Caso você queira utilizar uma outra API de sua preferência, mas relacionado ao tema de
desenhos, será permitido, porém deverá seguir as mesmas recomendações da criação do
projeto, onde deverá construir a página inicial do projeto e realizar a integração da API
(obrigatório).
A criação do site poderá ter conteúdos conforme a sua escolha, porém será obrigatório ter
uma área para trazer os CARDs dos personagens, esses que devem vir do consumo de uma
API pelo javascript. Os cards devem ser criados de forma automática pelo javascript, sendo
que o HTML deverá apenas receber os elementos da API de forma dinâmica

1. Parte Teórica
Você deverá entregar um PDF teórico com até 3 páginas, explicando:
● O que é uma API e como funciona o consumo de dados em tempo real.
● Conceito de DOM manipulation e a criação de elementos dinâmicos via JavaScript.
● Explicação das funções básicas utilizadas para consumo da API (fetch, then,
createElement, appendChild, etc.).
● Breve explicação sobre o motivo da escolha da API (Rick and Morty, Marvel,
Simpsons, etc.).
● Regras de acesso e documentação da API utilizada (token, limite de requisição,
estrutura de resposta, etc.).

2. Parte Prática
Você deverá desenvolver um site estático que consome dados de uma API pública de
desenhos animados, e exibe cards dinâmicos com os personagens.
Requisitos obrigatórios:
● Interface criada com HTML + CSS puro (sem frameworks).
● Consumo da API via JavaScript (obrigatório uso do fetch).
● Os cards devem ser criados dinamicamente com JavaScript, não estáticos no
HTML.
● Cada card deve conter pelo menos:
○ Nome do personagem
○ Imagem
○ Status ou descrição adicional conforme a API
● Layout organizado, com estética coerente ao tema (cores, fontes e ícones
adequados).
Exemplos de APIs gratuitas:
● Rick and Morty
● Marvel
● Pokémon
● Simpsons
● Super Hero

Entrega obrigatória:
● Pasta compactada com o projeto completo (HTML, CSS e JS).
● Link do projeto publicado no GitHub.