Skip to content

Aplicación Web para realizar "Sorteos Amigo Secreto". Permite agregar nombres delos participantes, visualizarlos en una lista y seleccionar un ganador al azar.

Notifications You must be signed in to change notification settings

TanyRodriguez/Amigo-Secreto

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📜 README - Amigo Secreto 🎁

📌 Descripción Aplicación web para realizar sorteos de "Amigo Secreto". Permite agregar nombres de participantes, visualizarlos en una lista y seleccionar al azar un ganador. Ideal para intercambios de regalos en eventos sociales.

✨ Funcionalidades principales ✅ Agregar participantes: Añade nombres a la lista mediante campo de texto

🚫 Validación de entrada: Detecta campos vacíos y nombres duplicados

🗑️ Eliminar participantes: Remueve nombres individualmente

🎲 Sorteo aleatorio: Selecciona un ganador al azar

📱 Diseño responsive: Funciona en móviles y desktop

♿ Accesibilidad: Compatible con tecnologías de asistencia

🛠️ Instalación y configuración Requisitos previos Navegador web moderno (Chrome, Firefox, Edge, Safari)

Editor de código (opcional para desarrollo)

Pasos para ejecutar Clona o descarga el repositorio

Abre el archivo index.html en tu navegador

¡Listo! La aplicación está lista para usar

Estructura de archivos text amigo-secreto/ ├── assets/ │ ├── amigo-secreto.png │ └── play_circle_outline.png ├── index.html ├── style.css └── app.js 🚀 Cómo usar la aplicación Agregar participantes:

Escribe un nombre en el campo de texto

Presiona "Añadir" o la tecla Enter

Eliminar participantes:

Haz clic en el botón "Eliminar" junto a cualquier nombre

Realizar sorteo:

Haz clic en el botón "Sortear amigo"

El resultado aparecerá debajo de la lista

⚠️ Problemas conocidos y soluciones Problema Solución No se muestran los nombres al agregar Verifica que el archivo app.js esté correctamente vinculado El botón de sortear no funciona Asegúrate de haber agregado al menos un participante Diseño no se ve correctamente Verifica que el archivo style.css esté en la misma carpeta No se pueden agregar nombres duplicados Esta es una característica, no un error 📦 Dependencias Google Fonts:

Inter: https://fonts.googleapis.com/css2?family=Inter

Merriweather: https://fonts.googleapis.com/css2?family=Merriweather

🧑‍💻 Contribuciones ¡Las contribuciones son bienvenidas! Sigue estos pasos:

Haz un fork del proyecto

Crea una rama para tu feature (git checkout -b feature/nueva-funcionalidad)

Haz commit de tus cambios (git commit -m 'Añade nueva funcionalidad')

Haz push a la rama (git push origin feature/nueva-funcionalidad)

Abre un Pull Request

📄 Licencia Este proyecto está bajo la licencia MIT. Consulta el archivo LICENSE para más información.

✉️ Contacto Para preguntas o sugerencias:

Email: [tanydesignmx@gmail.com]

About

Aplicación Web para realizar "Sorteos Amigo Secreto". Permite agregar nombres delos participantes, visualizarlos en una lista y seleccionar un ganador al azar.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published