Pokemon Explorer App - Copy this Html, Tailwind Component to your project

Crear una aplicación web utilizando HTML, CSS y JavaScript que se encargue de mostrar información sobre Pokemones utilizando la API pública de Pokemones PokeAPI. Requisitos de la aplicación: 1. Interfaz HTML/CSS: ○ La aplicación debe tener una interfaz amigable, donde el usuario pueda buscar información sobre un Pokémon en particular. ○ Debe mostrar una lista de al menos 10 Pokemones en pantalla al cargar la página. ○ Cada Pokémon mostrado en la lista debe incluir: ■ Imagen del Pokémon. ■ Nombre del Pokémon. ■ Un botón para marcar el Pokémon como Favorito. ○ Al hacer clic en un Pokémon, se debe mostrar un modal o una nueva sección con más detalles del Pokémon, incluyendo: ■ Habilidades (abilities). ■ Altura (height). ■ Peso (weight). 2. Interacción con la API: ○ Utilizar fetch para hacer llamadas a la API PokeAPI. ■ https://pokeapi.co/api/v2/pokemon?limit=100 ■ https://pokeapi.co/api/v2/pokemon/{id o nombre} ○ La aplicación debe realizar una llamada inicial para obtener una lista de Pokemones y luego mostrar los datos en pantalla. ○ Al hacer clic en un Pokémon, debe realizar una nueva llamada a la API para obtener información detallada del Pokémon seleccionado. 3. Favoritos (Utilizando localStorage): ○ Implementar un botón de Favoritos para cada Pokémon en la lista. ○ Los Pokemones marcados como favoritos deben guardarse en el localStorage del navegador. ○ Al recargar la página, los Pokemones favoritos deben mostrarse marcados como tal. 4. Estilo: ○ Personalizar el diseño utilizando CSS. Se espera que la aplicación sea visualmente atractiva y organizada. ○ Se debe tener un diseño responsive, que funcione correctamente en pantallas de distintos tamaños.5. JavaScript: ○ Utilizar JavaScript para manejar la interacción con la API y la manipulación del DOM (Document Object Model). ○ Implementar un campo de búsqueda que permita al usuario buscar un Pokémon por nombre.