Pokedex By Crix

¡Bienvenido a mi primer proyecto en JavaScript! Este es un sencillo buscador de Pokémon que utiliza la API de PokeAPI para obtener y mostrar información sobre los Pokémon. https://pokedex-by-crix.vercel.app/

Descripción

Este proyecto es una aplicación web que permite a los usuarios buscar Pokémon por nombre o número de identificación. Al ingresar el nombre o número de un Pokémon y hacer clic en el botón "Buscar pokemon", se muestra la información del Pokémon, incluyendo su nombre, imagen, ID y peso.

Tecnologías Utilizadas

• HTML
• CSS
• JavaScript
• PokeAPI

Estructura del Proyecto

El proyecto está compuesto por los siguientes archivos:

• index.html: El archivo HTML que estructura la página web.
• styles.css: El archivo CSS que proporciona estilos a la página.
• script.js: El archivo JavaScript que contiene la lógica para buscar y mostrar la información de los Pokémon.
• README.md: Este archivo, que describe el proyecto y cómo utilizarlo.

Instrucciones de Instalación

1. Clona el repositorio en tu máquina local.

   git clone https://github.com/tu-usuario/pokedex-by-crix.git

2. Navega al directorio del proyecto.

   cd pokedex-by-crix

3. Abre el archivo index.html en tu navegador web preferido.

Cómo Usar

1. Abre la aplicación en tu navegador.
2. Ingresa el nombre o número de identificación de un Pokémon en el campo de texto.
3. Haz clic en el botón "Buscar pokemon".
4. La información del Pokémon buscado aparecerá en la pantalla.

Funcionalidades

• Búsqueda de Pokémon: Permite buscar Pokémon por nombre o número de identificación.
• Mostrar Información: Muestra el nombre, imagen, ID y peso del Pokémon.
• Manejo de Errores: Si no se encuentra el Pokémon, se muestra un mensaje de error y una imagen alternativa.

Capturas de Pantalla

Aprendizajes

Este proyecto me ayudó a aprender y practicar los siguientes conceptos:

• Estructura básica de una página web usando HTML.
• Estilización de componentes con CSS.
• Manejo del DOM y eventos en JavaScript.
• Uso de fetch para realizar solicitudes a una API externa.
• Manejo de promesas y asincronía en JavaScript.

Recursos

• PokeAPI: La API utilizada para obtener información de los Pokémon.

Contribuciones

¡Las contribuciones son bienvenidas! Si deseas contribuir, por favor abre un issue o envía un pull request.

Autor

• Crix - Mi Perfil de GitHub