Challenge completado, basado en el repositorio https://github.com/goncy/aerolab-challenge . Utilice Modules SCSS para el estilo, TypeScript como lenguaje y React como librería. Agregué funcionalidades extras como el filtrado por categoría, la opción de eliminarlos productos comprados del historial de compra y diseño responsivo para moviles, tabletas y monitores de escritorio.
https://brilliant-scone-0a2ce1.netlify.app/
- Cada producto debe tener un precio en puntos de manera visible.
- El usuario debería poder filtrar los productos por precio, de mayor a menor y viceversa.
- El usuario debería poder ver cuantos puntos tienen en su cuenta.
- Debería haber una manera clara para el usuario de ver que productos puede comprar y cuales no.
- El botón de comprar debería estar disponible en los productos que el usuario tiene suficientes puntos para comprar.
- Un botón de "comprar ahora" debería mostrarse cuando el usuario interactúa con un producto que puede comprar.
- Cuando el usuario no puede comprar un producto, debería ver cuantos puntos le faltan para poder comprarlo.
- Un usuario no debería poder comprar un producto del cual no tiene suficientes puntos para comprar.
- Cuando el usuario compra, la cantidad de puntos debe ser deducida automaticamente de los puntos disponibles.
- Debe haber una pantalla donde ver el historial de productos canjeados
- No debo poder comprar un producto mientras cargo puntos o estoy comprando otro producto
- Debe haber un máximo de 16 productos en pantalla pero debo poder cambiar de página para ver el resto