Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jc-dev-ec/desafio-6-alura
Lista de Compras es una aplicación web que permite a los usuarios gestionar su lista de compras mediante una interfaz interactiva. Los usuarios pueden añadir alimentos a diferentes categorías y eliminar elementos de la lista. Utiliza TailwindCSS para un diseño moderno y SweetAlert2 para interacciones visualmente atractivas.
https://github.com/jc-dev-ec/desafio-6-alura
Last synced: 16 days ago
JSON representation
Lista de Compras es una aplicación web que permite a los usuarios gestionar su lista de compras mediante una interfaz interactiva. Los usuarios pueden añadir alimentos a diferentes categorías y eliminar elementos de la lista. Utiliza TailwindCSS para un diseño moderno y SweetAlert2 para interacciones visualmente atractivas.
- Host: GitHub
- URL: https://github.com/jc-dev-ec/desafio-6-alura
- Owner: JC-DEV-EC
- License: other
- Created: 2024-08-20T17:36:54.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-20T17:52:31.000Z (5 months ago)
- Last Synced: 2024-11-05T22:11:52.298Z (2 months ago)
- Language: JavaScript
- Homepage: https://latingladiador.github.io/Desafio-6-Alura/
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Desafio 6 - Lista de Compras
![Licencia MIT](https://img.shields.io/badge/licencia-MIT-blue.svg)
![Estado del Proyecto](https://img.shields.io/badge/estado-finalizado-green.svg)
![Versión](https://img.shields.io/badge/versión-1.0.0-brightgreen.svg)
[![MIT License](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)![Logo](https://d335luupugsy2.cloudfront.net/cms/files/10224/1722974906/$2rp7nct8hor)
**Desafio 6 - Lista de Compras** es una aplicación web que permite a los usuarios gestionar su lista de compras mediante una interfaz interactiva. Los usuarios pueden añadir alimentos a diferentes categorías y eliminar elementos de la lista. Utiliza TailwindCSS para un diseño moderno y SweetAlert2 para interacciones visualmente atractivas.
## 🚀 Descripción
El proyecto ofrece:
- **Interacción Dinámica:** Agrega alimentos a la lista y selecciona la categoría correspondiente mediante alertas interactivas.
- **Categorías de Alimentos:** Frutas, Verduras, Lácteos, Congelados, Dulces, Otros.
- **Eliminación de Items:** Permite eliminar alimentos específicos de cada categoría.
- **Diseño Moderno:** Estilizado con TailwindCSS para una experiencia visual atractiva.## 🛠️ Tecnologías Utilizadas
- **HTML**: Estructura de la aplicación.
- **TailwindCSS**: Estilos y diseño moderno.
- **JavaScript**: Lógica interactiva y manejo de eventos.
- **SweetAlert2**: Para alertas y mensajes visualmente atractivos.## 🏗️ Instalación
Para ejecutar este proyecto localmente, sigue estos pasos:
1. **Clona el repositorio**:
```bash
git clone https://github.com/LatinGladiador/Desafio-6-Alura.git
```2. **Navega al directorio del proyecto**:
```bash
cd Desafio-6-Alura
```3. **Abre el archivo `index.html` en tu navegador**.
Puedes usar cualquier navegador moderno para ejecutar la aplicación.
## 🖥️ Uso
- **Agregar Alimento:** Haz clic en "Agregar Alimento" para ingresar el nombre de un alimento y seleccionar una categoría.
- **Eliminar Alimento:** Usa el botón de eliminar junto a cada alimento para eliminarlo de la lista.
- **Ver Lista:** Los alimentos añadidos y eliminados se actualizarán automáticamente en la sección de lista de compras.## 🤝 Contribuciones
Las contribuciones son bienvenidas. Si deseas contribuir, sigue estos pasos:
1. **Fork el repositorio**.
2. **Crea una rama** para tus cambios (`git checkout -b mi-rama`).
3. **Haz un commit** de tus cambios (`git commit -am 'Añadí algo'`).
4. **Push** a la rama (`git push origin mi-rama`).
5. **Crea un Pull Request** en GitHub.## 🙏 Agradecimientos
Este proyecto fue inspirado por la comunidad de aprendizaje de [Alura](https://www.alura.com.br/) y es parte de los desafíos propuestos.
## 👤 Autor
Este proyecto fue creado y es mantenido por [LatinGladiador](https://github.com/LatinGladiador).
## 📜 Licencia
Este proyecto está licenciado bajo la Licencia MIT. Consulta el archivo [LICENSE](LICENSE) para más detalles.