challenge-accenture

Requerimientos y Restricciones

-No utilizar Bootstrap ni ninguna librería con clasesde CSS predefinidas.-Utilizar flexbox y Grid como principales herramientaspara definir el layout. -Las vistas deben ser responsive en mobile y tablet. -Configurar un linter. -Si agrega botones deben tener algún efecto en hover. -Utilizar al menos una animación además del efectode hover en botones.

Criterios de aceptación

-Respetar el diseño enviado. -Al seleccionar un link de la barra superior, se debe scrollear a la sección correspondiente. Por ejemplo: En caso del link de beneficios, scrollear hasta lasección de beneficios de la página. -La Navbar deberáestar fixed. -Al clickear el botón de “Síguenos” debe enviar el usuario al twitter de Wolox. -El botón de “Conocer más” debe enviar al usuario a la página de Wolox. -El botón de Registrarse debe enviar al usuario a la pantalla de Registro. (En el diseño este botón aparece como Login, no es necesario hacer el login de la aplicación) -Listar los Pokémon obtenidos de la siguiente API. -El listado deberáestar paginado en páginas de 20 elementos cada una por default. -Se deberápoder cambiar la cantidad de elementos de cada página. Se requiere un selector con las opciones: 5, 10, 20, 50, 100 -Poder buscar un pokémon por su nombre o id. -En el listado se deberápoder ver el nombree imagende un Pokémon. -Implementar una solución de routing -Usar un state management a eleccion propia (Redux/Context/Recoil/etc). -Implementar test de componente de listado con Jest y react testing library. -Utilizar react hooks. -Hacer deploy la aplicación a un ambiente símil productivo.

Como requerimientos opcionales se establecen los siguientes:

-Utilizar i18n para todos los textos de la landing y agregar un botón paracambiar de idioma (español/inglés). -Utilizar Error Boundaries. -Hacer el deploy a un bucket de AWS.