https://github.com/kenkyoo/app-grocery-list
App Grocery List es una aplicación simple y práctica que puedes usar como una lista de compras o tareas.
https://github.com/kenkyoo/app-grocery-list
bootstrap html-css-javascript javascript todolist
Last synced: about 2 months ago
JSON representation
App Grocery List es una aplicación simple y práctica que puedes usar como una lista de compras o tareas.
- Host: GitHub
- URL: https://github.com/kenkyoo/app-grocery-list
- Owner: Kenkyoo
- Created: 2024-12-08T15:02:08.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-08T15:09:32.000Z (over 1 year ago)
- Last Synced: 2025-04-01T09:07:32.828Z (over 1 year ago)
- Topics: bootstrap, html-css-javascript, javascript, todolist
- Language: JavaScript
- Homepage: https://kenkyoo.github.io/app-grocery-list/
- Size: 3.91 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# App Grocery List
**App Grocery List** es una aplicación simple y práctica que puedes usar como una lista de compras o tareas. Desarrollada con HTML, CSS y JavaScript, incorpora Bootstrap para un diseño responsivo y limpio. ¡Organiza tus tareas o productos con facilidad!
## 🚀 Demo en Vivo
Puedes probar la aplicación en este enlace: [App Grocery List](https://kenkyoo.github.io/app-grocery-list/)
## ✨ Características
- **Añadir tareas:** Agrega productos o tareas a tu lista escribiendo y presionando "Enter".
- **Eliminar tareas:** Borra una tarea específica o todas de una vez.
- **Marcar como completadas:** Tacha tareas de la lista al completarlas.
- **Almacenamiento local:** Tus tareas se guardan automáticamente en tu navegador, incluso después de cerrar la aplicación.
- **Interfaz intuitiva:** Estilo moderno con Bootstrap, botones funcionales y diseño responsivo.
## 🛠️ Tecnologías Utilizadas
- **HTML5:** Estructura de la página.
- **CSS3:** Estilos personalizados para un diseño limpio y atractivo.
- **JavaScript:** Lógica de interacción y manejo del almacenamiento local.
- **Bootstrap 5:** Framework CSS para un diseño responsivo y componentes modernos.
- **LocalStorage:** Para guardar las tareas localmente.
## 📥 Cómo Usar
1. Clona el repositorio:
```bash
git clone https://github.com/Kenkyoo/app-grocery-list.git
Navega al directorio del proyecto:
cd app-grocery-list
Abre el archivo index.html en tu navegador.
📷 Captura de Pantalla
📚 Estructura del Proyecto
app-grocery-list/
├── index.html # Archivo principal HTML
├── style.css # Estilos personalizados
├── app.js # Lógica de la aplicación
├── assets/ # Recursos como imágenes o íconos
└── README.md # Este archivo
📄 Licencia
Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.