Aerolab challenge

El desafío propuesto por Aerolab consiste en desarrollar una grilla de productos para un programa de recompensas. La meta principal de este desarrollo consiste en ayudar a los usuarios a canjear productos con los puntos acumulados en el sistema. Aerolab propone una Interfaz Gráfica inicial que esta sujeta a cualquier mejora que el retador considere necesario, y una API de la cual consumir datos desde una aplicación cliente.

Mas información aqui.

Demo de la aplicación

Para ver el live demo -> https://frosty-mcclintock-56c9d1.netlify.app/

Funcionalidades (desafío)

El usuario tiene una cantidad definida de puntos y cada producto vale una cantidad de puntos especifica.

• El usuario debería poder filtrar los productos por precio, de mayor a menor y vicecersa.
• 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.

Funcionalidades adicionales

• El usuario puede agregar puntos a su cuenta.
• El usuario puede ver los ultimos productos canjeados.
• El usuario puede ver un raking de canjes por categoria.
• El paginador utiliza url parameters.
• Los usuarios no pueden comprar si no tienen los puntos suficientes. Se motiva al usuario a realizar la operación para agregar puntos sino cuenta con la cantidad requerida.

Stack tecnológico

• Node 14.15.0
• NPM 6.14.5
• Angular 11.1
• Angular CLI
• UI modules:
  • ng-zorro UI component: tooltip, modal, select, icon and more.
  • ngx-chartjs
• Netlify

Instalación

$ git clone https://github.com/pabcha/aerolab-challenge.git
$ cd aerolab-challenge
$ npm install
$ ng serve

En el navegador ir a http://localhost:4200