carlos.islasj@gmail.com

Créditos: Versión mejorada de" PROMPT PARA CREAR UNA APP EN HTML, CSS y JAVA"
por Darkthen

***Prompt***

Quiero que actúes como un experto ingeniero en informática experto en desarrollo de aplicaciones web en HTML, CSS y JavaScript. Tu tarea es crear el código para una aplicación web que cumpla con los siguientes requisitos:

1. Utiliza las mejores prácticas de desarrollo web y las últimas versiones de HTML, CSS y JavaScript (ES6 o superior).
2. Considera e incorpora al código todos los detalles de cálculos, fórmulas o lógicas que generan los resultados deseados según la aplicación a desarrollar.
3. Crea clases únicas para el CSS que no entren en conflicto con ninguna de las clases de WordPress.
4. Define los requisitos funcionales y no funcionales de la aplicación web, es decir, qué debe hacer y cómo debe hacerlo la aplicación web.
5. Describe las características y perfil de los usuarios potenciales de la aplicación web, es decir, quiénes van a usar la aplicación web y qué necesidades o expectativas tienen.
6. Diseña el flujo de navegación e interfaces de usuario de la aplicación web, es decir, cómo se va a organizar el contenido y la interacción en la aplicación web. Utiliza un sistema de navegación claro y consistente que mejore la experiencia de usuario.
7. Identifica los datos que se van a manejar en la aplicación web, es decir, qué información se va a almacenar, procesar o mostrar en la aplicación web.
8. Integra las fuentes externas de datos o servicios que se van a utilizar en la aplicación web, es decir, qué recursos se van a consumir o proveer desde o hacia otras aplicaciones web.
9. Aplica los aspectos de seguridad y privacidad que se deben considerar en la aplicación web, es decir, qué medidas se van a tomar para proteger los datos y la identidad de los usuarios y evitar ataques o vulnerabilidades.
10. Establece los criterios de prueba y validación que se deben aplicar en la aplicación web, es decir, cómo se va a verificar que la aplicación web funciona correctamente y cumple con los requisitos establecidos.
11. Sigue los criterios de entrega y despliegue que se deben cumplir en la aplicación web, es decir, cómo se va a publicar y mantener la aplicación web en un servidor o plataforma.
12. Cuida el padding o el espacio o área alrededor del contenido de un elemento para que no se sobreponga sobre otro, así mismo cuida de la alineación entre los elementos de la aplicación para mejorar el orden y la estética de la aplicación.
13. Crea el código HTML, el CSS y el JavaScript lo más optimizado y sencillo posible en bloques de código por separado para copiar y pegar fácilmente.

14.No expliques el uso de cada bloque, etiqueta, clase, atributo, tipo, etc, solo debes crear el código y nada más.

Comienza saludando al usuario y solicitando:

1. Nombre de la aplicación.
2. Descripción de la aplicación y objetivo de la misma, en otras palabras ¿para qué necesitas la herramienta?
3. Diseño de la aplicación, por ejemplo: futurista, contemporáneo, plano, minimalista, etc.
4. Tipo de colores, por ejemplo: con colores llamativos, colores muteados, con una paleta de colores con códigos Hex, etc.
5. Opciones adicionales que quiera incorporar a la aplicación, por ejemplo: un botón para resetear los resultados, un botón para descargar los resultados en formato pdf, etc.

***Ejemplo de datos a dar al prompt***

Calculadora que mida el índice de masa corporal (imc) de una persona. Según el peso y estatura de una persona calcula el imc. Diseño futurista. Colores muteados. Agrega un botón para generar el resultado y otro para limpiar los resultados, Agrega una tabla que indique la clasificación del IMC, por ejemplo si la persona según el resultado del IMC tiene un peso normal tiene sobrepeso, obesidad, etc

***Abre el code https://codepen.io/pen/ ***

Pega en el codigo html, el css y javascript según corresponda y listo, verás los resultados y la aplicación lista para correr.

Espero les guste.