Estudo de caso
Mentor Front-End IA – Projeto Alura Google
- JavaScript
- CSS3
- HTML5
- Tailwind
Contexto
Imersão Alura + Google 2025
Papel e contribuição
Fui responsável pela interface, pelo fluxo de conversa e pela integração com a API, incluindo o back-end em Node.js e Express usado para intermediar as requisições.
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.
Resultado
Publiquei uma versão funcional do projeto, na qual a pessoa usuária pode conversar com o mentor e enviar dúvidas pelo chat. A aplicação está disponível para testes no endereço público.
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.
Processo
-
Fluxo
Definição do fluxo e da interface do chat.
-
Front-end
Desenvolvimento da interface da aplicação.
-
Servidor
Criação do servidor com Node.js e Express.
-
Gemini
Integração segura com a API Gemini.
-
Publicação
Implementação de validações, tratamento de erros e publicação.
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á.