Amigo Secreto Futurista

¡Bienvenido al Amigo Secreto Futurista! Este es un juego interactivo y moderno para organizar sorteos de amigo secreto de manera divertida y visualmente atractiva. Con un diseño futurista, efectos de neón y una experiencia responsiva, este proyecto es ideal para cualquier reunión o evento.

🚀 Características Diseño Futurista: Paleta de colores neón, efectos de cristal (glassmorphism) y sombras brillantes. Responsivo: Adaptado para dispositivos móviles, tablets y pantallas grandes. Interactividad Mejorada: Validación de nombres duplicados. Posibilidad de eliminar participantes. Animaciones suaves al agregar o eliminar nombres. Mensajes de error claros y visuales. Sorteo Dinámico: Resultados animados y asignaciones aleatorias de amigos secretos. Accesibilidad: Etiquetas ARIA, estructura semántica y mensajes de feedback para lectores de pantalla.

🖥️ Capturas de Pantalla Pantalla Principal

Sorteo en Proceso

📂 Estructura del Proyecto Challengue-AmigoSecreto/ ├── index.html # Archivo principal del juego ├── style.css # Estilos futuristas y responsivos ├── app.js # Lógica del juego ├── assets/ # Imágenes y recursos └── README.md # Documentación del proyecto

🛠️ Instalación Clona el repositorio: bash Copy Code git clone https://github.com/Yeashua7/Challengue-AmigoSecreto.git Navega al directorio del proyecto: bash Copy Code cd Challengue-AmigoSecreto Abre el archivo index.html en tu navegador: Puedes hacerlo directamente haciendo doble clic en el archivo. O utiliza una extensión como Live Server en VS Code para una experiencia más fluida.

📋 Instrucciones de Uso Ingresa los nombres de los participantes en el campo de texto. Haz clic en el botón "Añadir" o presiona la tecla Enter para agregar un nombre. Revisa la lista de participantes. Si necesitas eliminar un nombre, haz clic en el botón "✕" junto al nombre. Una vez que tengas al menos 4 participantes, haz clic en el botón "Realizar Sorteo". Observa los resultados animados en la sección de resultados.

🎨 Personalización Si deseas personalizar el diseño o las funcionalidades:

Colores y Estilos: Modifica las variables CSS en el archivo style.css (ubicadas en :root). Lógica del Juego: Ajusta las funciones en el archivo app.js para agregar nuevas reglas o funcionalidades. Imágenes: Cambia las imágenes en la carpeta assets para personalizar el logo o los íconos.

🤝 Contribuciones ¡Las contribuciones son bienvenidas! Si tienes ideas para mejorar este proyecto:

Haz un fork del repositorio. Crea una nueva rama para tus cambios: bash Copy Code git checkout -b feature/nueva-funcionalidad Realiza tus cambios y haz un commit: bash Copy Code git commit -m "Agregada nueva funcionalidad" Envía un pull request.

📝 Licencia Este proyecto está bajo la licencia MIT. Consulta el archivo LICENSE para más detalles.

💡 Créditos Diseño y Desarrollo: [Yeashua7] Inspiración: Proyecto original de Yeashua7.