Experimentando con LLM y el desarrollo de apps

Me he creado un repositorio en github para ir publicando mis experimentos de desarrollo de apps usando herramientas de Inteligencia Artificial.

https://github.com/danielribes/ailab

Llevo ya bastante tiempo experimentando con herramientas IA pero de una manera poco ordenada y sin mantener un registro de pruebas y resultados, este repositorio resuelve esta situación facilitando documentar cada nuevo experimento.

Lo he estrenado creando una app web (datachart.html) a la que llevaba un tiempo dando vueltas. Una simple app para llevar un registro de fechas y valores asociados a esas fechas y ver graficamente la evolución en el tiempo.

Para crear datachart.html he usado Claude 3.5 Sonnet y los requerimientos eran muy simples, este ha sido el prompt inicial:

necesito una app web en html/js para registrar fechas asociadas a un valor, por ejemplo:

20/02/2024, 45
21/02/2024, 45
22/02/2024, 47
23/02/2024, 43
...

La UI tiene que tener un formulario con el campo fecha y el campo valor y a medida que se van rellenando pares de fecha/valor se va añadiendo una nueva fila de campo fecha/valor.

Estos datos se tienen que guardar localmente en una bd local en el navegador y tienen que actualizar un grafico de linea que en el eje x muestra las fechas y en el y los valores

Claude ha generado una primera versión usando React y la libreria Recharts para el gràfico, que ha provocado un error en la carga, al pedirle arreglarlo ha creado una nueva versión eliminando React y pasando tambien a Charts.js para el grafico.

Este es el resultado final de esta primera versión de datachart.html:

El código que ha generado Claude y el resumen (hecho por el mismo Claude) de la conversación y requerimientos lo puedes ver el repositorio de datachart.html