-Usamos axios para el consumo de la Poke Api
-Tratamos de refactorizar el código lo mejor posible para evitar el uso de código repetido
-Implementamos la paginación para mostrar más o menos 800 pokemones
-Realizamos una pantalla de carga que sirve para mostrarle al usuario que su solicitud esta siendo procesada
-Manejo de notificaciones de alerta con toastify js
Estructura de carpetas
-Tenemos una carpeta img donde se encuentran los assets necesarios para el proyecto
Funciones y métodos implementados
getPokemons
Me obtiene toda la información de los pokemones dependiendo de la url que se le envie , formateamos la información y la ponemos en un objeto que posteriormente lo llevamos a un Array y este arreglo es el que retornamos
RenderPoke
Cuando el usuario elige cual es el pokemon que desea verle la información esta función me renderiza estos datos
renderpokeFooter
Renderiza los demás pokemones en el footer
showLoader y hideLoader
Funciones que me muestran o ocultan el preloader dependiendo de las acciones del usuario
ShowAlert
Muestra la notificación al usuario con un mensaje para darle aviso de la acción realizada
Diseño UI
Imágenes de las diferentes pantallas
Vista desktop
Vista mobile
Estadísticas de Wakatime
Santiago
-Esteban
Integrantes
David Santiago Hidalgo Guerrero @SantG17
Esteban Ardila @Esteark
WhitneySt
commented
1 year ago
Repositorio
URL del repositorio
Página desplegada
URL del despliegue
Desarrollo
-Usamos axios para el consumo de la Poke Api -Tratamos de refactorizar el código lo mejor posible para evitar el uso de código repetido -Implementamos la paginación para mostrar más o menos 800 pokemones -Realizamos una pantalla de carga que sirve para mostrarle al usuario que su solicitud esta siendo procesada -Manejo de notificaciones de alerta con toastify js
Estructura de carpetas
-Tenemos una carpeta img donde se encuentran los assets necesarios para el proyecto
Funciones y métodos implementados
getPokemons
Me obtiene toda la información de los pokemones dependiendo de la url que se le envie , formateamos la información y la ponemos en un objeto que posteriormente lo llevamos a un Array y este arreglo es el que retornamos
RenderPoke
Cuando el usuario elige cual es el pokemon que desea verle la información esta función me renderiza estos datos
renderpokeFooter
Renderiza los demás pokemones en el footer
showLoader y hideLoader
Funciones que me muestran o ocultan el preloader dependiendo de las acciones del usuario
ShowAlert
Muestra la notificación al usuario con un mensaje para darle aviso de la acción realizada
Diseño UI
Imágenes de las diferentes pantallas
Vista desktop
Vista mobile
Estadísticas de Wakatime
-Esteban
Integrantes
David Santiago Hidalgo Guerrero @SantG17 Esteban Ardila @Esteark
Mentores
@WhitneySt @hispanos