Todos los proyectos

Caso de estudio

Dev Roast

Aplicación de revisión de código con IA, creada en el NLW Operator de Rocketseat. Recibe fragmentos de código y devuelve evaluaciones, puntuaciones y sugerencias de mejora.

TecnologíasNext.js, React, React DOM, TypeScript, Tailwind CSS, TanStack Query, Zod, Drizzle ORM, tRPC, OpenAI
El problema
Explorar comentarios sobre código en una interfaz asistida por IA.
Mi contribución
Proyecto guiado de NLW Operator con adaptaciones en la implementación y la interfaz.
El resultado
Envío de código, comentarios de revisión y un modo de análisis con humor.
Interfaz de Dev Roast
Abrir imagen en tamaño original

Proyecto full-stack desarrollado en el NLW Operator de Rocketseat para explorar herramientas de desarrollo asistidas por IA. Permite pegar código y recibir puntuación, evaluación por categorías y sugerencias de corrección. Roast Mode añade un tono sarcástico opcional.

La arquitectura guiada por el evento se adaptó en partes de la implementación y la interfaz.

Problema

Crear un flujo sencillo para enviar código, recibir un análisis comprensible e identificar mejoras rápidamente, como ejercicio de integración de IA en aplicaciones reales.

Arquitectura

Next.js y React en la interfaz; tRPC para contratos tipados entre cliente y servidor; TanStack Query para consultas y caché. Drizzle ORM aporta persistencia y Zod valida entradas.

Implementación

La evaluación presenta puntuación, problemas críticos, advertencias y buenas prácticas. Las correcciones aparecen como diff. Roast Mode cambia el tono y una clasificación de envíos con notas bajas añade una comparación humorística.

La interfaz cuida el formato y la alineación para facilitar la lectura.

Resultado

Práctica de integración con APIs de LLM, contratos tipados, organización full-stack y feedback legible. Se presenta como trabajo de un evento formativo, no como arquitectura completamente propia.

Explora más proyectos Ponte en contacto