| Desktop | Mobile |
|---|---|
 |
 |
Maquetar las imágenes adjuntas y tener en cuenta los diferentes cortes en móvil y escritorio. La prueba deberá estar subida en un repositorio de GitHub.
Tecnologías/Librerías requeridas:
- React
- Typescript
- Next.js
Funcionalidad a implementar:
- Separa en componentes de una forma óptima y organizada
- La vista debe asemejarse lo más parecido posible a las fotos adjuntas
- Implementar búsqueda de productos por nombre
- Consumir un JSON con los datos de productos (JSON local o externo)
- Cambiar la vista con los iconos indicados en la foto:
- Escritorio de 4 a 3 elementos
- Móvil de 3 a 2 elementos
- Implementar lógica y diseño de un componente “ordenar” (precio ascendente y descendente)
- Crea los test unitarios que creas conveniente
Iniciar proyecto:
- npm i
- npm run start-server
- npm run dev