O Pokatálogo é um catálogo digital de Pokémon, criado como projeto prático durante a Imersão Dev, uma iniciativa da Alura em parceria com o Google. A aplicação exibe uma lista de Pokémons com suas informações detalhadas, como tipo, habilidades e descrição, permitindo aos fãs explorarem o universo dos monstrinhos de bolso.
Durante a Imersão Dev, uma colaboração entre a Alura e o Google, tive a oportunidade de mergulhar no desenvolvimento web com um foco prático e inovador. A experiência foi estruturada em torno da criação desta landing page dinâmica, o Pokatálogo, utilizando tecnologias essenciais como HTML, CSS e JavaScript. O grande diferencial foi a integração com a Inteligência Artificial do Google, o Gemini, que utilizei como uma ferramenta de apoio para acelerar o desenvolvimento e gerar conteúdo de forma inteligente. O projeto foi desenvolvido passo a passo, permitindo aplicar os conceitos aprendidos em um caso real que agora faz parte do meu portfólio.
- Listagem de Pokémon: Visualização de todos os Pokémons presentes no arquivo
data.json. - Detalhes do Pokémon: Exibição de informações como tipo, habilidades e uma breve descrição para cada Pokémon.
- Design Responsivo: Interface adaptável para diferentes tamanhos de tela.
O projeto foi construído utilizando as seguintes tecnologias:
- HTML: Para a estruturação semântica da página.
- CSS: Para a estilização, layout e design.
- JavaScript: Para a lógica de programação, interatividade e manipulação dinâmica dos dados dos Pokémon.
- Google Gemini (IA): Utilizado como ferramenta de apoio para gerar conteúdo e auxiliar no processo de desenvolvimento.
/
├── data.json # Arquivo com os dados de todos os Pokémons
├── index.html # Arquivo principal da aplicação
├── script.js # Código JavaScript para interatividade
├── style.css # Folha de estilos
└── README.md # Documentação do projeto
Para visualizar o projeto, basta seguir os passos abaixo:
- Clone este repositório:
git clone https://github.com/evaakemi/pokatalogo.git
- Navegue até o diretório do projeto.
- Abra o arquivo
index.htmlem seu navegador de preferência.
Projeto desenvolvido por Eva Helena.
Agradecimentos à Alura e ao Google pela oportunidade de participar da Imersão Dev e aprender na prática com um projeto desafiador e divertido.