Web hecha con Inteligencia Artificial
En el Curso de Creación de Páginas Web con ChatGPT de Platzi, en otras palabras un sitio web no code, se explico en unas cuantas clases la forma de lograr hacer unos prompts para que la IA, en este caso ChatGPT, hiciera un sitio web sin tener conocimientos de HTML, CSS y JavaScript. Algo bastante llamativo para quienes estamos aprendiendo tanto de las IAs como de desarrollo web frontend. La llamé ByteBazar y es una tienda de computadoras y accesorios
Prompt Inicial
El prompt inicial es muy sencillo, algo como:
¿Cómo puedo redactar un prompt para que me generes el código de una página web en un solo archivo que incluya: el título de mi tienda de computadoras y accesorios “ByteBazar”, una sección destacada con 5 productos principales y cada uno con un botón que diga “Comprar ahora” y redirija a WhatsApp?
Al escribir este prompt, el modelo LLM o ChatGPT, me explicó lo que debía escribir en el prompt para que pudiera generar el código necesario. Esto demuestra que si sabes lo que quieres hacer, debes especificar muy bien lo que necesitas en el prompt para obtener la respuesta que buscas… Tuve que hacer algunos ajustes al código para poder que quedara como quería. Todo con prompts.
Descripción de la Web ByteBazar
En si la web está creada en HTML, CSS y JavaScript. Esta web destaca cinco productos principales con imágenes, descripciones claras y un botón de “Comprar Ahora” que conecta directamente a WhatsApp con un mensaje personalizado para facilitar la compra. El numero de WhatsApp que aparece allí es el que dió ChatGPT, no lo cambié por si llegas a darle aceptar cuando abra el enlace 😋🤭.
ByteBazar es una tienda en línea moderna y responsiva. El diseño es limpio, profesional y atractivo, usando tonos de azul, morado y verde, y es totalmente adaptable a cualquier dispositivo. Además, incluye una sección que invita a comprar y un footer dinámico con el año actual. También está lista para integrarse con Google Analytics y mejorar la experiencia del usuario.
Es un sitio funcional, práctico y visualmente agradable. ¡Una muestra de lo que se puede lograr con una buena idea y las herramientas adecuadas! 🚀
Si quieres copia del prompt que utilicé para crear esta sencilla web, escríbeme a sandra@sandracaldas.com, en asunto colocas “Regálame copia del prompt de ByteBazar” y con gusto te estaré contestando lo más pronto posible con copia del archivo.