Skip to content

henquesz/Pokedex-Vue

Repository files navigation

Pokeapi Vue

Neste projeto, você irá encontrar uma pokedex desenvolvida em vue e vuetify, junto a uma api de intermediação com um método get desenvolvida em nextJS

Screenshots

App Screenshot App Screenshot

Instalação e utilização

Clone o repósitorio através da URL https://github.com/henquesz/Pokedex.git.

  git clone https://github.com/henquesz/Pokedex.git
  cd Pokedex
  ou acesse https://pokedex-vue-brown.vercel.app

Funcionalidades

  • Listagem de Pokemons atráves de JSON da API.
  • Visualização de nomes e id's no card principal.
  • Ao clique do card, um modal aparece na tela, mostrando ao usuario imagem, nome, tipo do pokemon, altura, peso e os principais movimentos do mesmo.
  • Funcionalidade de filtragem por nome e tipo do pokemon.
  • Páginação de pokemons (18 por página)
  • Projeto responsivo.

Script para rodar o projeto (vue)

  npm install
  npm run serve

Observações finais importantes

  • A api está ligada a um projeto em nextJS, você pode acessar através do link
  https://pokeapivini.herokuapp.com
  ou no repositório https://github.com/henquesz/PokeApi

Referência

Autores

Dúvidas

Para quaisquer dúvidas, entre em contato comigo através do linkedIn.

https://www.linkedin.com/in/vinicius-henques-5a843a1b9/