REPOSITORY OVERVIEWLive repository statistics
★ 0Stars
⑂ 0Forks
◯ 0Open issues
◉ 0Watchers
34/100
OPENREPOHUB HEALTH SIGNALLimited signals
A transparent discovery signal based on current public GitHub metadata.
Recent activity35% weight
10 Community adoption25% weight
0 Maintenance state20% weight
100 License clarity10% weight
0 Project information10% weight
100 This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
README preview
PreEntrega3-AldanaEndo
Repositorio para la entrega de trabajos del curso de JavaScript
Concepto
- Tienda de ropa casual donde se ofrecen productos exclusivos.
Proceso
- El usuario ingresa a la página y tiene una opción para iniciar la sesión o se identifique
- Selecciona los productos que desea comprar.
- Para agregarlos, hace clic en el botón "Agregar al carrito" que se muestra al lado de cada producto.
- Al lado derecho o superior (dependiendo del tamaño de la pantalla) se agregarán los productos seleccionados.
- En la parte superior del carrito se mostrará el total.
- Al finalizar la selección, se podrá hacer clic en el botón "Finalizar compra"
- Se procede a pagar y finaliza la experiencia de usuario.
- El localStorage del usuario se almacena para mostrar y no volver a solicitar el ususario.
- El localStorage del carrito permite mostrar los productos pese a actualizar la web.
Recursos adicionales
Desarrollo
- En la web, el usuario puede iniciar sesión para identificarse, esto es opcional, puesto que también se presenta la opción para continuar sin sesión.
- Esta sesión se guardará en el localStorage, cerrando la sesión solo al finalizar la compra.
- Se muestra la página de la tienda con 12 productos que se ingresan a través de la creación de un archivo .json, cuya información se cargará de manera asíncrona con uso de async/await como sustitución de .then en más de una oportunidad.
- Se agrega el elemto botón por medio de un elemento identificado con la clase .btnAddProduct y se le asigna la posibilidad de poder filtrar, con un clic llamado con un addEventListener y de identificar los productos, así sean la misma prenda, con un identicador agregado con la librería "uuid", de este modo, si se elimina un producto X y existiese más productos iguales, el total siga considerando los productos que quedan realmente en el carrito.
- Con appendCart se agrega internamente al contenedor del carrito y se le asigna una tarjeta agregada con bootstrap.
- Se crea un elemento button por cada producto agregado al carrito, de este modo, se podrán eliminar los productos. Estos elementos mantienen la identificación con uuid.
- Se calcula el total, considerando las posibles eliminaciones de los productos.
- Muestra el total.
- Se agrega un botón para finalizar la compra y mostrar un mensaje de compra exitosa.
Indicaciones finales
- No usar prompt, alert ni console.log
- Uso de operadores ternarios
- Manejo de promesas con fetch (asincronía)
- Carga de datos desde API o archivo local .json
ALGORITHMICALLY RELATEDSimilar Open-Source Projects
Selected from shared topics, language and repository description—not editorial ratings.
Este repositorio almacena una App Web para la gestión de un carrito de compra desarrollado con Bootstrap 4 y JavaScript vanilla.
37/100 healthActive repository
JavaScriptMIT
⑂ 0 forks◯ 0 issuesUpdated Sep 26, 2021