victoritalo/rickmortyapibootstrap

Rick & Morty API Frontend

Este projeto é uma aplicação frontend que consome a API Rick & Morty. Permite aos utilizadores explorar informações sobre as personagens da popular série. Abaixo possui uma visão geral da estrutura e funcionalidades do projeto.

Tabela de Conteúdos

• Visão Geral do Projeto
• Funcionalidades
• Começar
• Utilização
• Contribuições
• Licença

Visão Geral do Projeto

O Rick & Morty API Frontend é uma aplicação web construída com HTML, CSS e JavaScript. Ela obtém dados da API Rick & Morty para exibir informações sobre as personagens do programa. As principais funcionalidades do projeto incluem:

• Exibir personagens com suas imagens, nomes, estado, espécie e local de última aparição.
• Fornecer a capacidade de visualizar informações detalhadas sobre cada personagem por meio de um modal.
• Paginação para navegar por várias páginas de dados de personagens.
• Links para redes sociais no rodapé para se conectar com o desenvolvedor.

Funcionalidades

Lista de Personagens

A página inicial exibe uma lista de personagens da série Rick & Morty. Cada carta de personagem inclui:

• Imagem do personagem
• Nome
• Estado (Vivo, Morto ou Desconhecido)
• Espécie
• Local de última aparição

Detalhes do Personagem no Modal

Ao clicar em uma carta de personagem, abre-se um modal que fornece mais detalhes sobre o personagem, incluindo:

• Imagem do personagem
• Nome
• ID
• Origem
• Local de última aparição
• Género
• Espécie
• Tipo (se disponível)
• Número de episódios em que o personagem apareceu

Paginação

Botões de paginação permitem aos utilizadores navegar entre as páginas de dados dos personagens. O botão "Anterior" leva à página anterior, e o botão "Seguinte" leva à próxima página.

Links para Redes Sociais

O rodapé contém links para os perfis de redes sociais do desenvolvedor, incluindo Instagram, LinkedIn e GitHub.

Começar

Para executar este projeto localmente, siga estes passos:

1. Clone o repositório para a sua máquina local:

   git clone [email protected]:Victoritalo/rickMortyApiBootStrap.git

2. Abra o diretório do projeto no seu editor de código preferido.

3. Certifique-se de ter um navegador web moderno instalado.

4. Abra o arquivo index.html no seu navegador web.

Utilização

Depois de executar o projeto no seu navegador web, pode fazer o seguinte:

• Explorar a lista de personagens exibidos na página inicial.
• Clicar numa carta de personagem para ver mais detalhes sobre esse personagem num modal.
• Utilizar os botões de paginação para navegar entre as páginas de personagens.

Licença

Este projeto está licenciado sob a MIT License. Você tem a liberdade de usar, modificar e distribuir o código de acordo com os termos da licença.