Actividad: Crea tu Propia Aplicación Web con IA

Es momento de poner a prueba lo aprendido en la Semana 6. Tu reto consiste en crear una aplicación web funcional utilizando ChatGPT y desplegarla en GitHub Pages. Esta aplicación debe resolver un problema real que tú elijas, ya sea algo personal, educativo, empresarial o de entretenimiento.
Si te sientes perdido en algún punto del proceso, te recomendamos ver la grabación de la sesión en vivo de la Semana 3 (La encuentras en tu grupo), donde explicamos el flujo de trabajo para generar aplicaciones con IA, editarlas en Visual Studio Code y publicarlas en GitHub.

Instrucciones

1️⃣ Elige un problema o necesidad que puedas resolver con una aplicación web. Puede ser desde una lista de tareas, un generador de contraseñas, un conversor de unidades, un organizador de citas, hasta un juego sencillo.
2️⃣ Utiliza ChatGPT para generar el código de tu aplicación. Recuerda usar un prompt bien estructurado, especificando que el código debe estar en un solo archivo HTML con CSS y JavaScript, e incluir librerías a través de CDN si es necesario.
3️⃣ Edita y prueba tu código en Visual Studio Code, realizando los ajustes que consideres necesarios para mejorar la funcionalidad y la experiencia de usuario.
4️⃣ Publica tu aplicación en GitHub Pages, asegurándote de que sea accesible desde un enlace público.
5️⃣ Comparte tu aplicación con la comunidad de Top Learning, haciendo una publicación en el muro de comunidad de la plataforma.

La publicación del muro de la comunidad compartir tu aplicación con la comunidad debe tener al menos la siguiente estructura, puedes copiar la siguiente plantilla y personalizarla:

🚀 ¡Desafío completado! Mi aplicación web creada con ChatGPT

👨‍💻 Les presento mi aplicación web que hice utilizando solo ChatGPT sin tocar ni una sola línea de código.  
🔹 Función: ___ Explica brevemente qué hace tu app ___  
🎯 Problema que resuelve: ___ Describe por qué creaste esta app y a quién le puede servir ___  

🖥️ Pruébala aquí: ___ Coloca aquí el enlace a tu aplicación en GitHub Pages ___  

📌 Tecnologías utilizadas: ___ Menciona si usaste Tailwind, Bootstrap, FontAwesome, Chart.js, etc. ___  

📝 ¿Cómo fue mi experiencia? ___ Comparte cómo te fue usando ChatGPT y qué aprendiste ___  

🔥 ¡Espero sus comentarios y feedback! 🚀
        

Publica tu aportación en la comunidad aquí…

Nota: Al dar clic se abrirá una nueva pestaña, regresa aquí para continuar.