Pokedex Exercise Angular es una aplicación Pokédex desarrollada en Angular con el objetivo de proporcionar una experiencia educativa y entretenida para los amantes de los Pokémon. Con esta aplicación, puedes explorar el fascinante mundo de los Pokémon y obtener información detallada sobre sus habilidades y características únicas.
También estoy emocionado por las nuevas características que planeo agregar en el futuro, así que ¡mantente atento a las actualizaciones!
El repositorio tiene la siguiente estructura de carpetas:
design-html
: Contiene el diseño HTML del proyecto.pokedex-app
: La aplicación Angular.
-
Exploración de Pokémon: Navega por una amplia variedad de Pokémon y descubre sus detalles esenciales, como su nombre, tipo, altura y peso.
-
Carga Dinámica: Implementamos una carga dinámica desde la API pública pokeapi.co, lo que significa que puedes explorar una gran cantidad de Pokémon sin cargar todos los datos de una vez.
-
Scroll Infinito: ¡No te preocupes por cargar más Pokémon manualmente! Hemos incluido una función de scroll infinito que te permite cargar automáticamente más Pokémon a medida que desplazas la página hacia abajo.
-
Carga Perezosa: Mejoramos la eficiencia de la aplicación con la carga perezosa, lo que significa que los recursos se cargan según sea necesario, proporcionando una experiencia de usuario fluida.
-
Pikachu como Loader: Hemos añadido un toque de diversión con un simpático Pikachu corriendo como loader mientras se cargan los datos. ¡Te encantará!
-
Detección de Imágenes SVG: Detectamos automáticamente si una imagen es un archivo SVG y aplicamos estilos personalizados para garantizar una presentación adecuada.
-
Estructura Modularizada: La aplicación sigue una estructura modularizada en componentes y servicios para facilitar el desarrollo y el mantenimiento.
Para ejecutar la aplicación, sigue estos pasos:
-
Clona el repositorio:
git clone https://github.com/tu-usuario/pokedex-exercise-angular.git
-
Navega al directorio de la aplicación:
cd pokedex-exercise-angular/pokedex-app
-
Instala las dependencias:
npm install
-
Inicia la aplicación:
ng serve
-
Abre tu navegador y accede a http://localhost:4200/ para explorar la Pokédex, Demo.
Angular es un popular framework de desarrollo de aplicaciones web y móviles. Fue creado por Google y es una de las herramientas más utilizadas para la creación de aplicaciones web de una sola página (SPA, por sus siglas en inglés) y aplicaciones web progresivas (PWA). Angular se basa en el lenguaje TypeScript y ofrece un conjunto de herramientas y bibliotecas que facilitan la creación de aplicaciones web complejas y dinámicas.
Algunas de las características clave de Angular incluyen:
-
Componentes: Angular se basa en un sistema de componentes, lo que significa que la interfaz de usuario se descompone en piezas reutilizables llamadas componentes. Cada componente tiene su propio HTML, CSS y lógica de JavaScript/TypeScript.
-
Enlace de datos bidireccional: Angular proporciona enlace de datos bidireccional, lo que permite la sincronización automática de datos entre el modelo y la vista. Cuando los datos cambian en el modelo, la vista se actualiza automáticamente y viceversa.
-
Inyección de dependencias: Angular utiliza un sistema de inyección de dependencias que facilita la gestión de las dependencias y la creación de componentes y servicios de manera modular y mantenible.
-
Enrutamiento: Angular incluye un módulo de enrutamiento que permite crear aplicaciones de una sola página con múltiples vistas y rutas. Esto es especialmente útil para aplicaciones web que tienen múltiples páginas o secciones.
-
Directivas: Angular ofrece directivas personalizadas que permiten extender el HTML con funcionalidades personalizadas. Por ejemplo, la directiva
ngFor
se utiliza para iterar sobre una lista de elementos en la vista. -
Compatibilidad con TypeScript: Angular se desarrolla con TypeScript, un superconjunto de JavaScript que agrega tipos estáticos y otras características que facilitan el desarrollo y la detección temprana de errores en el código.
-
Herramientas de desarrollo: Angular proporciona herramientas de desarrollo robustas, como Angular CLI (Command Line Interface) para crear y gestionar proyectos, así como herramientas de depuración y pruebas.
Angular es ampliamente utilizado en la industria para crear aplicaciones web complejas y de alto rendimiento. Su arquitectura modular y su énfasis en las mejores prácticas de desarrollo hacen que sea una elección popular para desarrolladores y equipos de desarrollo que trabajan en proyectos web exigentes.
Si deseas contribuir a este proyecto, por favor sigue estos pasos:
- Haz un fork del repositorio.
- Crea una rama para tu contribución:
git checkout -b mi-contribucion
. - Realiza tus cambios y realiza un commit:
git commit -m "Añade nuevas características"
. - Sube tus cambios a tu repositorio:
git push origin mi-contribucion
. - Abre una solicitud de extracción (Pull Request) en el repositorio original.
Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para obtener más detalles.
Hecho con ❤️ por Leyton Manuel Espitia Diaz | Github