Skip to content

MicaelaSavio/ProyecfoFinal-Savio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ProyecfoFinal-Savio

Lista de Compras App Esta es una aplicación simple de lista de compras que te permite llevar un registro de los productos que necesitas comprar. La aplicación está construida utilizando HTML, CSS y JavaScript, y cuenta con las siguientes funcionalidades:

Bienvenida al Usuario Cuando ingreses a la aplicación, se te solicitará que ingreses tu nombre. Si es la primera vez que ingresas tu nombre, verás un mensaje de bienvenida. Si ya has ingresado tu nombre previamente, se mostrará un mensaje de bienvenida personalizado.

Modo Oscuro La aplicación incluye un botón de "Modo Oscuro" que te permite cambiar entre el modo de color claro y oscuro para mayor comodidad. Al hacer clic en el botón, el color de fondo de la aplicación cambiará para adaptarse al modo seleccionado.

Agregar Productos a la Lista Puedes agregar productos a tu lista de compras utilizando el formulario proporcionado. Escribe el nombre del producto en el campo de entrada y presiona el botón "Agregar". El producto se agregará a la lista de compras y se mostrará en una lista. Si dejas el campo de entrada vacío y presionas "Agregar", se mostrará una alerta indicando que debes escribir algo.

Eliminar Productos de la Lista Cada producto en la lista de compras estará acompañado por un botón "Eliminar". Al hacer clic en este botón, podrás eliminar el producto de la lista. Antes de confirmar la eliminación, recibirás una alerta de confirmación para evitar eliminaciones accidentales.

Productos Comprados Además de la lista de compras principal, también puedes marcar productos como comprados. Ingresa el nombre del producto en el campo de entrada correspondiente y presiona el botón "Comprado". El producto se moverá a la sección de productos comprados y se mostrará en una lista. También podrás eliminar productos de la lista de comprados utilizando el botón "Eliminar" asociado a cada producto.

Productos Faltantes La aplicación también proporciona una sección que muestra los productos que aún necesitas comprar. Esta sección se actualiza automáticamente al agregar productos a la lista de compras y marcar productos como comprados.

Almacenamiento Local La lista de compras y los productos comprados se almacenan localmente en tu navegador. Esto significa que, incluso si cierras la aplicación y vuelves a abrirla, tus datos seguirán siendo accesibles.

Cargar Datos Anteriores Si habías ingresado productos en tu lista de compras en una sesión anterior, al regresar a la aplicación, los datos se cargarán automáticamente desde el almacenamiento local, permitiéndote continuar donde lo dejaste.

¡Esperamos que encuentres esta aplicación útil para gestionar tus compras de manera más eficiente! Si tienes alguna pregunta o sugerencia, no dudes en ponerte en contacto.

About

Entrega proyecto final para Javascript "App Lista de compras"

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published