Todos os projetos

Estudo de caso

Dev Roast

Aplicação de revisão de código com IA, criada no NLW Operator da Rocketseat. Recebe trechos de código e retorna avaliações, notas e sugestões de melhoria.

TecnologiasNext.js, React, React DOM, TypeScript, Tailwind CSS, TanStack Query, Zod, Drizzle ORM, tRPC, OpenAI
O problema
Explorar feedback de código em uma interface assistida por IA.
Minha contribuição
Projeto guiado do NLW Operator com adaptações na implementação e na interface.
O resultado
Envio de código, feedback de revisão e um modo de análise com humor.
Interface de Dev Roast
Abrir imagem em tamanho original

Projeto full-stack desenvolvido no NLW Operator da Rocketseat para explorar ferramentas de desenvolvimento assistidas por IA. Permite colar trechos de código e receber nota, avaliação por categorias e sugestões de correção. O Roast Mode acrescenta um tom sarcástico opcional.

A arquitetura guiada pelo evento foi adaptada em partes da implementação e da interface.

Problema

Criar um fluxo simples no qual desenvolvedores enviam código, recebem uma análise compreensível e identificam melhorias rapidamente, como exercício de integração de IA em aplicações reais.

Arquitetura

Next.js e React na interface; tRPC nos contratos tipados entre cliente e servidor; TanStack Query na busca e no cache. Drizzle ORM oferece persistência e Zod valida entradas.

Implementação

A avaliação apresenta pontuação e categorias como problemas críticos, avisos e boas práticas. Correções sugeridas aparecem em formato de diff. O Roast Mode altera o tom, e um ranking de submissões com notas baixas acrescenta a comparação bem-humorada.

A interface cuida de formatação e alinhamento para facilitar a leitura do código.

Resultado

O projeto permitiu praticar integração com APIs de LLM, contratos tipados, organização full-stack e feedback legível. É apresentado como trabalho realizado em um evento de formação, não como arquitetura inteiramente autoral.

Conheça outros projetos Entre em contato