23.3 WS:IA-JS Creando un Blog en React con chatGPT.

Workshop: Inteligencia Artificial, ChatGPT, Contenful, JavaScript, React

https://github.com/Code-and-Beers/workshop-1-contenful-next-blog-created-by-chatgpt

Spotify – Apple Podcast – Amazon Music – IVoox

Resumen

00:11 Presentación.

• Utilizar la API de contenido llamada contentful para crear un blog.

08:08 La contextualización de las líneas de chat mejora la comprensión de los errores.

• El uso de un solo chat para un tema acumula contexto para cada línea.
• Proporcionar la mayor cantidad de contexto posible ayuda al programador a comprender el problema.

16:34 Creación de un blog utilizando React, Pencil y Frame Motion.

• Configuración de variables de entorno y variables de conexión.
• Implementación de la página de inicio utilizando Index.tsx.

24:26 Crea una página de inicio hermosa con un toque utilizando una API.

• Conexión con una API para obtener artículos.
• Utilización de animaciones con Frame Motion y agregar un toque con un título en la página de inicio.

32:24 Código reestructurado y se agregó animación a los componentes de estilo.

• Separación del código en componentes y creación de una carpeta para ellos.
• Agregado de animaciones utilizando motion para los componentes de estilo.

41:58 Actualización del componente con arquitectura hexagonal.

• Separación de la capa de acceso al modelo externo en interfaces separadas.
• Agregando más animaciones y ajustando los colores para una mejor visibilidad.

00:37 Modificación del código para un componente web.

• Manejo del movimiento y posicionamiento del componente.

1:00:24 Creación de un modal en un nuevo componente.

• El modal tendrá una imagen de título y un párrafo.
• Página creada en 50 minutos con algunos errores.

1:09:34 Despedida.