Se tiene dos versiones de la misma aplicación, cada una es una solución diferente al mismo problema.
Se resolvió este challenge ahora con el uso de express y una arquitectura de MVC en el backend. Al igual se agregaron funciones cleanup en los componetnes de react donde se hacen llamadas al backend para prevenir memory leaks. Los estilos se mantienen igual que en las versiones pasadas, estos se pueden ver al final de este Readme.
Esta versión es la que esta en la rama main en donde la lógica principal es que cada cambio que se hiciera al carrito (cuando se agrega o elimina un elemento) este cambio fuera guardado en la base de datos y se regresara el carrito actualizado.
Se hizo de esta manera para poder mostrar más extensamente el manejo del backend con graphql.
Esta versión funciona correctamente, pero tiene un pequeño lag al momento de agregar o quitar un elemento del carrito.
Esta versión hace la lógica principal del carrito en React y solo hace request al back cuando se tienen que calcular los precios y guardar ese carrito en la base de datos. El carrito se guarda solo cuando el usuario hace click en el botón de "Continuar".
En esta aplicación el tiempo de respuesta es inmeidato por lo que no cuenta con el lag de la primera versión. La mayoría de la lógica principal de esta aplicacion se hace en React por lo que aquí se muestra el conocimiento de este Framework para hacer una app sencilla.
Estas dos aplicaciones cuentan con los mismos estilos, tiene media queries para Smartphone, Tablet y Desktop.
