Estudo de caso
Mentor Front-End IA – Projeto Alura Google
- JavaScript
- CSS3
- HTML5
- Tailwind
Contexto
Imersão Alura + Google 2025
Decisão
Decidi intermediar a comunicação com a API do Google Gemini por meio de um backend em Node.js e Express, em vez de realizar as requisições diretamente pelo navegador. A chave da API foi armazenada em uma variável de ambiente e permaneceu restrita ao servidor, evitando sua exposição no código do front-end. O backend também ficou responsável por validar as perguntas, construir o contexto do mentor e tratar as respostas e os erros da API.
Aprendizado
O projeto proporcionou experiência prática com integração de inteligência artificial em uma aplicação web. Aprendi a consumir uma API externa por meio de um backend, trabalhar com variáveis de ambiente, criar endpoints com Express e tratar diferentes respostas HTTP. No front-end, pratiquei requisições assíncronas, estados de carregamento e erro, renderização de Markdown e recursos de acessibilidade, como avisos para leitores de tela e direcionamento do foco após a exibição da resposta.
O Mentor Front-End IA é uma ferramenta interativa que utiliza a API do Google Gemini para auxiliar desenvolvedores com dúvidas de código em tempo real. Desenvolvido durante a imersão Alura + Gemini 2025.
Projetos relacionados
Vamos conversar sobre o seu projeto?
Use o formulário para contar o contexto, o que precisa ser construído e em que etapa o trabalho está.