🎁 Challenge Final: Amigo Secreto - Sorteo Automático (Formación Principiante en Programación G8 - ONE)
Un divertido proyecto para realizar sorteos de Amigo Secreto de manera automática, utilizando HTML, CSS y JavaScript.
Este proyecto permite a los usuarios ingresar una lista de amigos y realizar un sorteo aleatorio para determinar quién será el Amigo Secreto. La aplicación está diseñada con una interfaz moderna y responsiva.
🔹 Funcionalidades principales:
- 📝 Ingresar nombres en una lista.
- 🔄 Mostrar los nombres ingresados en pantalla.
- 🎲 Realizar un sorteo aleatorio.
- ✅ Mostrar el nombre del Amigo Secreto seleccionado.
- 🗑️ Limpiar la lista después del sorteo.
- 🎓 Funcionalidad didáctica: Diseñado para fortalecer habilidades en JavaScript, lógica de programación y manipulación del DOM.
✅ HTML5 - Estructura de la aplicación.
✅ CSS3 - Estilos, diseño responsivo y efectos visuales.
✅ JavaScript (ES6) - Lógica de programación para el sorteo aleatorio.
✅ Git & GitHub - Control de versiones y despliegue del proyecto.
Este proyecto fue realizado como parte final de la Formación Principiante en Programación G8 - ONE gracias a:
🔹 Agradecimientos especiales a los profesores que guiaron este desafío:
👨🏫 Christian Paul Velasco Algaranaz
👨🏫 Leonardo Jose Castillo Lacruz
👩🏫 Ellen Pimentel
1️⃣ Clona este repositorio en tu computadora:
git clone https://github.com/tu-usuario/amigo-secreto.git
2️⃣ Ingresa al directorio del proyecto:
cd amigo-secreto
3️⃣ Abre el archivo index.html
en tu navegador:
start index.html # Windows
open index.html # macOS
📂 amigo-secreto
├── 📜 index.html # Estructura de la página web
├── 🎨 style.css # Estilos y diseño responsivo
├── ⚙️ app.js # Lógica de programación del sorteo
├── 📂 assets # Imágenes y recursos
└── 📜 README.md # Documentación del proyecto
¡Las contribuciones son bienvenidas! 🎉 Si tienes ideas para mejorar este proyecto:
- Haz un fork del repositorio.
- Crea una nueva rama (
git checkout -b mi-mejora
). - Realiza tus cambios y confírmalo (
git commit -m "Mejoras en la UI"
). - Sube los cambios (
git push origin mi-mejora
). - Abre un pull request. 🚀
Si te gustó este proyecto, puedes seguirme en:
- 📧 Email: jhonyaldo@gmail.com
✨ ¡Gracias por visitar este proyecto! ✨