https://github.com/rominarg/amigo-secreto-oracle
Challenge Alura: Aplicación para organizar un sorteo de "Amigo Secreto". Los usuarios pueden agregar nombres a una lista y realizar un sorteo aleatorio para determinar quién es el amigo secreto.
https://github.com/rominarg/amigo-secreto-oracle
alura css html javascript oracle
Last synced: 3 months ago
JSON representation
Challenge Alura: Aplicación para organizar un sorteo de "Amigo Secreto". Los usuarios pueden agregar nombres a una lista y realizar un sorteo aleatorio para determinar quién es el amigo secreto.
- Host: GitHub
- URL: https://github.com/rominarg/amigo-secreto-oracle
- Owner: rominarg
- Created: 2025-03-13T21:31:33.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-15T21:58:46.000Z (3 months ago)
- Last Synced: 2025-03-15T22:28:08.590Z (3 months ago)
- Topics: alura, css, html, javascript, oracle
- Language: CSS
- Homepage: https://rominarg.github.io/amigo-secreto-oracle/
- Size: 70.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 📝Descripción del Proyecto
Este es un proyecto de sorteo de "Amigo Secreto" desarrollado con **HTML, CSS y JavaScript**. La aplicación permite a los usuarios ingresar nombres en una lista, realizar un sorteo aleatorio y determinar quién es el "Amigo Secreto".
Los usuarios pueden:
✅ Agregar nombres a través de un campo de texto y un botón "Añadir".
✅ Visualizar la lista de participantes.
✅ Realizar el sorteo y mostrar el resultado en pantalla.
## 🚀Estado del Proyecto
✅ **Proyecto completo y funcionando.**
🔧 **Mejoras futuras:**
- Agregar animaciones para mejorar la experiencia de usuario.
- Permitir compartir los resultados del sorteo por redes sociales o correo electrónico.
- Implementar un backend para guardar sorteos anteriores.
## 🔍 Validaciones implementadas
Para garantizar que el sorteo funcione correctamente y evitar errores, el proyecto incluye las siguientes validaciones:
✅ No se pueden ingresar nombres vacíos o con solo espacios.
✅ El nombre debe tener al menos 3 caracteres.
✅ No se pueden agregar nombres duplicados.
✅ No se pueden agregar más de 5 participantes.
✅ Debe haber al menos 2 participantes para iniciar el sorteo.
✅ El sorteo selecciona aleatoriamente un participante de la lista.
✅ El botón "Reiniciar" limpia la lista y permite comenzar de nuevo.
## 🎥 Demostración de funciones y aplicaciones
👉 **[Ver el proyecto en GitHub Pages](https://rominarg.github.io/amigo-secreto-oracle/)**
## 🛠 Tecnologías utilizadas
- **HTML5**
- **CSS3**
- **JavaScript** (para la lógica del sorteo y validaciones)
## 📂 Estructura de carpetas
## 🚀 Ejecución en Local
1. Clona el repositorio con:
```bash
git clone https://github.com/rominarg/amigo_secreto_alura
```
No necesitas herramientas adicionales para ejecutar este proyecto
2. Abre el archivo index.html en tu navegador.
3. (Opcional) Si usas Visual Studio Code, instala la extensión Live Server para una mejor experiencia.
## 📜 Licencia
Este proyecto está bajo la licencia MIT.
## 🎯 Conclusión
Este proyecto de **Amigo Secreto** ofrece una solución sencilla y efectiva para realizar sorteos de manera aleatoria y transparente. Gracias a las validaciones implementadas, se garantiza una experiencia de usuario sin errores y fácil de usar.
A futuro, se pueden incorporar mejoras como animaciones, opciones para compartir los resultados y la integración con un backend para almacenar sorteos previos.
¡Gracias por visitar este proyecto! Si te resultó útil, no dudes en darle una ⭐ en GitHub. 🚀