Pokedex Pokedex Pokedex

Pokedex Vue.js


Descrição

Este é um projeto de Pokedex desenvolvido usando Vue.js, HTML, SCSS, Bootstrap e uma API pública para fornecer informações sobre Pokémon.


Capturas de tela

image


Instruções de configuração

Pré-requisitos

  • Node.js e npm instalados no seu computador.

Configuração do Projeto

  1. Clone este repositório para o seu ambiente local.
  2. Navegue até o diretório do projeto.
  3. Execute o comando npm install para instalar as dependências.

Executando o Aplicativo

  1. Após a instalação das dependências, execute o comando npm run serve.
  2. O aplicativo estará disponível em http://localhost:8080, normalmente.

Estrutura do Projeto

  • public/: Contém o arquivo HTML principal (index.html).
  • src/: Contém o código-fonte do aplicativo.
    • assets/: Contém arquivos estáticos como imagens.
    • components/: Contém componentes Vue.js reutilizáveis.
    • views/: Contém as visualizações principais do aplicativo.
    • App.vue: Componente principal do aplicativo.
    • main.js: Arquivo de entrada do aplicativo, onde as dependências são importadas e o aplicativo Vue.js é iniciado.
  • scss/: Contém os arquivos de estilo SCSS.
  • package.json: Arquivo de manifesto do Node.js que lista as dependências do projeto e fornece scripts para executar o aplicativo.

Dependências

  • Vue.js: Framework JavaScript progressivo para a construção de interfaces de usuário.
  • Bootstrap: Framework CSS popular para design responsivo.
  • Axios: Cliente HTTP baseado em Promise para fazer solicitações à API.

Funcionalidades

  • Visualização de uma lista de Pokémon com informações básicas.
  • Detalhes de cada Pokémon, incluindo imagem, tipo, habilidades e estatísticas.
  • Pesquisa de Pokémon por nome.
  • Paginação para navegar pela lista de Pokémon.

Recursos Adicionais


Sinta-se à vontade para contribuir, fazer perguntas ou relatar problemas!