alexlf93 / Pokemon-Project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

image

Página web que hace uso de la API de Pokemon.

Muestra las 150 primeras cartas, de modo giratorio con toda la info de cada uno.

Contiene un buscador que encuentra los diferentes Pokemons según las letras introducidas, extrayendo de la API.

También tiene un filtro por el tipo de Pokemon.

El logo te devuelve al inicio con todas las cartas de Pokemon.

Tiene modo responsive, con versión para dispositivos móviles.

Authors

API Reference

Get all items

GET https://pokeapi.co/api/v2/pokemon/

Tech Stack

Client: HTML, CSS, JS, VUE, VITE.

Capturas de Pantalla

Página de inicio:

image

Botones para filtar los Pokemon por tipo y buscar por nombre:

image

Detalle del filtro por tipo de Pokemon:

image

Detalle del modo búsqueda:

image

Vista de la versión móvil:

image

Installation

Install Pokemon-Project with npm

  npm install 
  npm install -g vite

  npm run dev










About


Languages

Language:Vue 71.3%Language:JavaScript 26.3%Language:HTML 2.5%