Skip to content

Martin-00789/Pokemon-API-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pokédex con React + Vite y SASS

Este proyecto es una Pokédex desarrollada con React y Vite como bundler, con estilos implementados utilizando SASS. Proporciona a los usuarios una interfaz para explorar y buscar información sobre diferentes Pokémon.

Características

• Lista de Pokémon: La Pokédex muestra una lista de Pokémon con información básica, como nombre y tipo.
• Detalles del Pokémon: Al hacer clic en un Pokémon de la lista, se mostrarán más detalles sobre ese Pokémon, como habilidades, estadísticas y descripción.
• Búsqueda: Los usuarios pueden buscar Pokémon por nombre o tipo utilizando la barra de búsqueda.
• Estilos personalizados: Los estilos de la Pokédex se implementan utilizando SASS para una apariencia única y agradable.

Tecnologías utilizadas

• React: se utiliza para construir la interfaz de usuario de la Pokédex y gestionar el estado de la aplicación.
• Vite: se utiliza como el bundler y el servidor de desarrollo para el proyecto.
• SASS: se utiliza para implementar los estilos personalizados de la Pokédex.
• PokeAPI: se utiliza como fuente de datos para obtener información sobre los Pokémon.

Instrucciones de instalación

  1. Clona este repositorio en tu máquina local:
    git clone https://github.com/Martin-00789/Pokemon-API-React
  2. Instala las dependencias del proyecto:
    cd Pokemon-API-React npm install
  3. Inicia la aplicación:
    npm run dev
  4. Abre la aplicación en tu navegador web en la dirección http://localhost:5173/Pokemon-API-React/.

Uso

  1. Abre la Pokédex en tu navegador.
  2. Explora la lista de Pokémon mostrados en la página principal.
  3. Haz clic en un Pokémon para ver más detalles sobre él.
  4. Utiliza la barra de búsqueda para buscar Pokémon por nombre o tipo.

Contribución

¡Siéntete libre de contribuir a este proyecto! Puedes abrir un "issue" para informar de errores o sugerir mejoras. También puedes enviar "pull requests" para añadir nuevas características o solucionar problemas existentes.

Autor

Martin Fabian Elias