Estou sempre pronto para aceitar novos desafios e colaborar com equipes criativas.

Telefone

(12) 99151-1153

Email

bruno_alexh@hotmail.com

Whatsapp

(12) 99151-1153

Cidade

Taubaté - SP

Links Sociais

Project

Pokedex

Pokédex para exibir uma lista dos 151 Pokémon originais, feita com Tailwind e Javascript.

Cliente

Portfolio

Data de início

jan 06, 2024
Pokedex

Descrição

O projeto Pokédex é uma aplicação web interativa desenvolvida com **Tailwind CSS** e **JavaScript** que permite aos usuários explorar os 151 Pokémon originais. A aplicação proporciona uma experiência agradável e informativa, destacando dados e características dos Pokémon de maneira acessível.

 

Características

  • Lista de Pokémon: Mostra uma lista completa dos 151 Pokémon, oferecendo uma visualização rápida e intuitiva.
  • Filtro Interativo: Permite aos usuários filtrar Pokémon por nome e tipo, facilitando a busca de Pokémon específicos.
  • Detalhes do Pokémon: Clica em um Pokémon para acessar uma página com informações detalhadas, incluindo habilidades, estatísticas e outros dados relevantes.
  • Design Responsivo: A aplicação adapta-se a diferentes tamanhos de tela, garantindo uma boa experiência de uso em dispositivos móveis e desktop.

     

Tecnologias

  • HTML: Estruturação da aplicação com semântica e acessibilidade.
  • Tailwind CSS: Framework de CSS utilizado para estilizar a aplicação de forma moderna e responsiva.
  • JavaScript: Implementação da lógica de interação e consumo da Pokémon API.
  • Pokémon API: API pública utilizada para obter dados atualizados dos Pokémon.

     

Design

  • Estilo Moderno: Design limpo e minimalista, focado na usabilidade e estética.
  • Cores Vibrantes: Utilização de uma paleta de cores inspirada no universo Pokémon para atrair os usuários.
  • Tipografia Legível: Escolha de fontes que proporcionam uma boa leitura e um visual agradável.
  • Elementos Interativos: Botões e filtros projetados para serem intuitivos e fáceis de usar, melhorando a interação do usuário.
Compartilhar

Leave a comment

Your email address will not be published. Required fields are marked *