Prueba técnica para la posición de Frontend Junior

Objetivo:

Construir un e-commerce responsive usando HTML, CSS y React usando la aplicación NextJS de este proyecto como base. NO USAR ninguna dependencia adicional.

El tiempo máximo a dedicar a esta prueba es 2h. No te preocupes si no tienes tiempo de terminar todas las tareas, preferimos calidad antes que cantidad.

Tareas:

1. Hacer un fork de este repositorio y editar el contenido en vuestro repositorio. El código de esta prueba técnica se tiene que publicar en vuestro fork.

2. Crear la página de búsqueda / listado de productos. Esta página tiene que mostrar 10 productos como máximo. Usa los endpoints de esta API para implementar las funcionalidades descritas.

3. Añadir algun elemento distintivo en el componente “producto” según el tamaño del dispositivo

4. Añadir paginación al listado de productos.

5. Si aún te queda tiempo, ¡sorprendenos con alguna otra característica o mejora!

A continuación tienes una captura a modo de ejemplo, pero sientate libre de hacer tu diseño:

Información Importante

Una vez transcurridas las 2 horas mándanos en un email con el enlace a tu repositorio de Github que contiene tu solución a la prueba técninca.

Antes de empezar, asegurate que tienes:

• Node.js ^12.22.0 || ^14.17.0 || >=16.0.0

Para empezar:

Instala primero las dependencias:

npm run install
# o
yarn

Y empieza con:

npm run dev
# o
yarn dev

Abre http://localhost:3000 con tu navegador para ver el resultado.

• Empieza a editar la pàgina pages/index.js y verás los cambios en el navegador, si lo crees adecuado puedes crear más pàginas y navegación.