TP-PokeAPI

Aplicación web desarrollada como trabajo práctico que consume la API de PokeAPI para mostrar Pokémon con sus tipos y estadísticas.

Tecnologías

Tecnología	Versión	Propósito
React	19.2.4	Framework UI
TypeScript	~6.0.2	Tipado estático
Vite	8.0.4	Bundler y dev server
Tailwind CSS	4.2.2	Estilos utility-first

Estructura de Carpetas

TP-PokeAPI/
├── public/                 # Archivos estáticos públicos
├── src/
│   ├── assets/             # Imágenes y recursos
│   │   ├── hero.png
│   │   ├── react.svg
│   │   └── vite.svg
│   ├── components/         # Componentes React
│   │   ├── PokemonCard.tsx # Tarjeta individual de Pokémon
│   │   └── PokemonList.tsx # Lista grid de Pokémon
│   ├── types/             # Definiciones de TypeScript
│   │   └── pokemon.ts     # Interfaces para PokeAPI
│   ├── App.css            # Estilos específicos de App
│   ├── App.tsx            # Componente principal
│   ├── index.css          # Estilos globales (Tailwind)
│   └── main.tsx           # Punto de entrada
├── eslint.config.js       # Configuración de ESLint
├── index.html             # HTML principal
├── package.json           # Dependencias y scripts
├── tsconfig.app.json      # Configuración TS para app
├── tsconfig.json          # Configuración base de TS
├── tsconfig.node.json     # Configuración TS para Node
└── vite.config.ts         # Configuración de Vite

Scripts Disponibles

npm run dev      # Iniciar servidor de desarrollo
npm run build    # Compilar para producción
npm run preview  # Previsualizar build de producción

API Utilizada

• Endpoint: https://pokeapi.co/api/v2/pokemon
• Versión: v2
• Límite: 20 Pokémon por solicitud

Funcionalidades

• Lista grid responsive de Pokémon
• Tarjetas con imagen, tipos y número de Pokédex
• Selección de tarjeta para ver estadísticas detalladas
• Colores dinámicos por tipo de Pokémon
• Barras de progreso para estadísticas base
• Estados de carga y error