Este proyecto es una aplicación web que permite a los usuarios ingresar nombres de amigos y realizar un sorteo aleatorio para determinar el "amigo secreto". Los usuarios pueden agregar nombres mediante un campo de texto, ver la lista de amigos, y realizar el sorteo con un solo clic.
- Agregar nombres: Los usuarios pueden ingresar el nombre de un amigo en un campo de texto y añadirlo a una lista visible al hacer clic en "Añadir".
- Validación de entrada: Si el campo de texto está vacío, se muestra una alerta pidiendo un nombre válido.
- Visualización de la lista: Los nombres ingresados se mostrarán en una lista debajo del campo de entrada.
- Sorteo aleatorio: Al hacer clic en el botón "Sortear amigo", se selecciona aleatoriamente un nombre de la lista y se muestra el resultado en la página.
1. Clonar el repositorio del proyecto desde GitHub. Abre una terminal en tu máquina local y ejecuta el siguiente comando:
git clone https://github.com/OsmelMdz/amigo-secreto.git
cd amigo-secreto
- Ingresa el nombre de un amigo en el campo de texto.
- Haz clic en el botón "Añadir" para agregarlo a la lista.
- Una vez agregados varios nombres, haz clic en "Sortear amigo" para seleccionar un amigo aleatorio de la lista.
- El nombre del amigo secreto se mostrará en pantalla.
Este proyecto no tiene dependencias externas, solo utiliza HTML, CSS y JavaScript puro.
- amigo-secreto/
- assets/: Imágenes y otros recursos estáticos
- amigo-secreto.png
- play_circle_outline.png
- style.css: Estilos de la aplicación
- app.js: Lógica de la aplicación en JavaScript
- index.html: Estructura HTML de la aplicación
- favicon.ico: Icono del sitio web
- README.md: Documentación del proyecto
- LICENSE.txt: Archivo de licencia
- assets/: Imágenes y otros recursos estáticos
Si deseas contribuir a este proyecto, puedes hacer un fork y abrir un pull request. Asegúrate de seguir las buenas prácticas y de documentar cualquier cambio significativo que realices.
- Haz un fork de este repositorio.
- Crea una rama para tu funcionalidad o corrección.
- Realiza los cambios y asegúrate de que todo esté probado.
- Haz un pull request con una descripción clara de lo que cambiaste.
La aplicación tiene una validación para evitar que se agregue un nombre vacío. Si el campo está vacío, aparecerá una alerta.
Asegúrate de que haya al menos un nombre agregado a la lista antes de hacer el sorteo. Si la lista está vacía, aparecerá una alerta.
Este proyecto está bajo la Licencia MIT. Puedes ver más detalles en el archivo LICENSE.
Este proyecto fue posible gracias al apoyo de los siguientes instructores: