🌌 Rick and Morty API

Projeto desenvolvido para consumo da API Rick and Morty, exibindo personagens de forma dinâmica, com funcionalidade de scroll infinito e pesquisa em tempo real, utilizando TypeScript, HTML e CSS puro.

---

📸 Preview

Demonstração visual do projeto:

---

🎯 Objetivo do Projeto

• 🌐 Praticar o consumo de APIs REST
• 🛠️ Trabalhar com tipagem estática utilizando TypeScript
• 🗂️ Organizar melhor o código em módulos
• ♻️ Reutilizar e abstrair funções
• 🎨 Desenvolver uma interface agradável e intuitiva para o usuário

---

🛠️ Tecnologias Utilizadas

• 🟦 TypeScript (ES Modules)
• 🟧 HTML5
• 🎨 CSS3
• 🌌 The Rick and Morty API

---

⚙️ Funcionalidades

• 🔍 Pesquisa de personagens por nome em tempo real
• 🔄 Scroll infinito para carregamento contínuo de dados

---

📂 Estrutura do Projeto

page/
 ├── image/        # Imagens utilizadas no projeto
 ├── scripts/      # Código-fonte da aplicação
 │   ├── components/  # Componentes responsáveis pela interface
 │   ├── util/        # Funções utilitárias e regras de negócio
 │   └── dist/        # Código compilado (gerado automaticamente)
 └── styles/       # Estilos da aplicação

🚀 Como Rodar o Projeto

🧪 Clonar o repositório

git clone https://github.com/DavidDevFull/Rick_And_Morty_API

📥 Instalar as dependências

npm install

▶️ Executar o projeto localmente

npm run dev

🌐 API Utilizada

🧬 Nome: The Rick and Morty API

🔗 Documentação: https://rickandmortyapi.com/documentation

📄 Descrição: Fornece informações sobre personagens da série, como imagem, status (vivo ou morto), origem, espécie, entre outros dados.

📈 Aprendizados

🗂️ Organização de projetos utilizando TypeScript

❌ Tratamento de erros em requisições HTTP

🧩 Separação de responsabilidades no código

---

🔗 Deploy: rickandmortyapiinfinitescroll.netlify.app