Este code challenge deberá de ser programado en React-Native
podrá ser resuelto con JS o TS
ya sea con React-native CLI
o Expo
En los siguientes links encontrarán el material necesario para poder completar el code challenge:
Aquí encontrarás el comportamiento esperado del code challenge: https://www.figma.com/proto/AIMJp1Y6Gfv9PmQ8lYmUy8/Code-challenge?node- id=6%3A649&scaling=scale-down&page-id=0%3A1&starting-point-node-id=6%3A649
Aquí encontrarás las dimensiones, colores, espaciado, etc de cada elemento de las pantallas del code challenge https://www.figma.com/file/AIMJp1Y6Gfv9PmQ8lYmUy8/Code-challenge?node- id=0%3A1&t=FVyZx1f7oHMkGoC0-1
Este link contiene la información necesaria para poder poblar la aplicación: https://6222994f666291106a29f999.mockapi.io/api/v1/products
El link contiene un arreglo de productos, cada producto contiene:
{
"createdAt": "2022-12-09T10:20:00.909Z",
"product": "Fantastic Granite Bacon",
"points": 42416,
"image": "https://loremflickr.com/640/480/technics",
"is_redemption": false,
"id": "3"
}
Los elementos deberán mapearse de la siguiente manera:
Los siguientes elementos son mandatorios para el code challenge:
- Conexión al endpoint
- Navegación entre pantallas
- Pruebas unitarias
Los siguientes elementos son deseables:
- Filtro
- Mantener todos los elementos “pixel perfect”
- Pruebas unitarias de componente o de integración