{"id":22143813,"url":"https://github.com/agusscript/wallbit-challenge","last_synced_at":"2025-03-24T11:44:40.747Z","repository":{"id":263323532,"uuid":"889236769","full_name":"agusscript/wallbit-challenge","owner":"agusscript","description":"Front End Challenge - Shopping Cart","archived":false,"fork":false,"pushed_at":"2024-11-17T20:32:44.000Z","size":214,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-29T17:12:49.316Z","etag":null,"topics":["react","responsive","tailwind"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/agusscript.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-15T21:57:40.000Z","updated_at":"2024-11-20T01:19:58.000Z","dependencies_parsed_at":"2024-11-17T21:28:21.705Z","dependency_job_id":"ec60e74d-0860-4cc2-bed9-344e05e5308e","html_url":"https://github.com/agusscript/wallbit-challenge","commit_stats":null,"previous_names":["agusscript/wallbit-challenge"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agusscript%2Fwallbit-challenge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agusscript%2Fwallbit-challenge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agusscript%2Fwallbit-challenge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agusscript%2Fwallbit-challenge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/agusscript","download_url":"https://codeload.github.com/agusscript/wallbit-challenge/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245267257,"owners_count":20587456,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","responsive","tailwind"],"created_at":"2024-12-01T22:16:28.056Z","updated_at":"2025-03-24T11:44:40.727Z","avatar_url":"https://github.com/agusscript.png","language":null,"readme":"[![Wallbit](./assets/logo.jpg)](https://wallbit.io/)\n\n\u003e El banco digital para trabajadores remotos.\n\n# Wallbit Junior Frontend Challenge\n\nPara 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.\n\nCada 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ó.\n\n\u003e Solo lo mostramos visualmente por si hay alguien que no sea programador mirando la pantalla.\n\nLa aplicación se vería así:\n\n![Sin productos](./assets/app-0.jpg)\n\u003e Inicialmente no hay productos en el carrito\n\n![Con productos](./assets/app-1.jpg)\n\u003e Con productos en el carrito\n\n## Requisitos\n\nLa API que nos dió nuestro cliente es: [Fake Store API](https://fakestoreapi.com/). 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.\n\n- [ ] Podemos agregar productos al carrito.\n- [ ] Manejar errores que nos devuelva la API.\n- [ ] Mostrar una lista con los productos agregados incluyendo `title`, `price` e `image` del producto y la `cantidad` que el usuario agregó.\n\n## Extras\n\n- [ ] El carrito se persiste al recargar la página.\n- [ ] Mostrar el total de productos agregados.\n- [ ] Mostrar el costo total del carrito.\n- [ ] Mostrar la fecha de creación del carrito.\n\n## Bonus\n\nPara 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.\n\n\u003e [!NOTE]\n\u003e 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.\n\n## Entregables\n\n- [ ] Crear un Pull Request a este repositorio con tu solución.\n- [ ] Reemplazar el `README.md` con instrucciones para correr el proyecto e información relevante para la evaluación.\n- [ ] Incluir el link al deploy de tu aplicación.\n\n## Premio\n\nSe va a entregar un premio en vivo durante [mi stream](https://twitch.tv/goncypozzo) 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.\n\nEl ganador va a ser elegido por el chat, la gente de Wallbit y yo.\n\n\u003e [!IMPORTANT]\n\u003e El ganador debe estar presente en el stream para recibir el premio.\n\n![Razer Seiren Mini](./assets/sorteo.jpg)\n\n\u003e En caso de no poder enviarse el premio, se pagará el equivalente de 70 USD.\n\nEl deadline para enviar el PR es el 19 de Noviembre de 2024 a las 15:00hs Argentina (GMT -3).\n\n\u003e [!IMPORTANT]\n\u003e Los PRs se cerrarán luego de esa hora así que no te olvides de hacerlo antes.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fagusscript%2Fwallbit-challenge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fagusscript%2Fwallbit-challenge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fagusscript%2Fwallbit-challenge/lists"}