Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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.