El banco digital para trabajadores remotos.

Wallbit Junior Frontend Challenge

Para este desafío, nuestro cliente nos encargó hacer un carrito de compras para programadores. Tiene un formulario con 2 campos: ID del producto y cantidad. Los programadores habitualmente no necesitan saber ni ver que productos comprar, sino que saben por conexiones astrales cual es el ID del producto que quieren y así los agregan a su carrito.

Cada vez que se agrega un producto, vamos a obtener el producto desde la API y lo vamos a mostrar en una tabla, junto a la cantidad que el usuario eligió.

Solo lo mostramos visualmente por si hay alguien que no sea programador mirando la pantalla.

La aplicación se vería así:

Inicialmente no hay productos en el carrito

Con productos en el carrito

Requisitos

La API que nos dió nuestro cliente es: Fake Store API. El cliente nos dijo que su stack de frontend es React, que prefiere el challenge hecho con eso, pero está abierto a cualquier stack que quieras usar.

• Podemos agregar productos al carrito.
• Manejar errores que nos devuelva la API.
• Mostrar una lista con los productos agregados incluyendo title, price e image del producto y la cantidad que el usuario agregó.

Extras

• El carrito se persiste al recargar la página.
• Mostrar el total de productos agregados.
• Mostrar el costo total del carrito.
• Mostrar la fecha de creación del carrito.

Bonus

Para destacar, podés agregar cualquier cosa que se te ocurra que llame la atención. No tiene por qué ser necesariamente en el código, o una dependencia. Puede ser algo visual, un easter egg, una funcionalidad, o bueno, algo en el código.

Note

Siempre recordá que lo que agregues debe sumar a la experiencia del usuario y no complicar su navegación. Tenés que pensar que quien va a usar la aplicación no va a haber hablado con vos previamente y aun así debería poder usar la aplicación y obtener la mejor experiencia posible.

Entregables

• Crear un Pull Request a este repositorio con tu solución.
• Reemplazar el README.md con instrucciones para correr el proyecto e información relevante para la evaluación.
• Incluir el link al deploy de tu aplicación.

Premio

Se va a entregar un premio en vivo durante mi stream el 19 de Noviembre de 2024 a las 19:00hs Argentina (GMT -3) entre todos los que completen el desafío. El premio va a ser un micrófono Razer Seiren Mini.

El ganador va a ser elegido por el chat, la gente de Wallbit y yo.

Important

El ganador debe estar presente en el stream para recibir el premio.

En caso de no poder enviarse el premio, se pagará el equivalente de 70 USD.

El deadline para enviar el PR es el 19 de Noviembre de 2024 a las 15:00hs Argentina (GMT -3).

Important

Los PRs se cerrarán luego de esa hora así que no te olvides de hacerlo antes.