← todos os projetos 02 / 10

projeto · ide online · extensão chrome · acadêmico

Navi Code

🏆 Melhor Trabalho Interdisciplinar 2 · PUC Minas, abril de 2026

IDE online integrada à Plataforma Verde: o aluno lê o enunciado, programa e submete a atividade sem sair do editor.

Editor do Navi Code com o enunciado do exercício, código em C, entradas e saídas esperadas e terminal

sobre

O Navi Code nasceu na disciplina de Trabalho Interdisciplinar 2 da PUC Minas. A proposta: dar aos alunos um ambiente de programação de verdade, ligado direto ao VERDE, o sistema de correção automática de exercícios do ICEI.

Além de ajudar na hora de programar, a plataforma incentiva o aprendizado contínuo e colaborativo, com métricas de desempenho individual e code review entre colegas depois do prazo das atividades.

O projeto foi eleito o Melhor Trabalho Interdisciplinar 2 no evento oficial da universidade, em 17 de abril de 2026.

o que faz

  • Editor de código com compilação online e terminal de saída
  • Enunciado da atividade ao lado do código e submissão direta ao VERDE
  • IA contextualizada, que conhece o código e os dados da questão
  • Sistema de plugins para Java (ex.: MyIO)
  • Ranking e métricas de desempenho dos alunos
  • Code review colaborativo entre colegas após o prazo

como funciona

  1. O aluno instala a extensão do Navi Code pela Chrome Web Store.
  2. Ao abrir uma atividade no VERDE, aparece a opção “Abra com o Navi Code”.
  3. Na primeira vez, ele vincula a conta do VERDE à conta do Navi.
  4. Daí em diante, o editor abre direto, já com o enunciado carregado.

por dentro

  • Backend em Java com Spark Framework e banco PostgreSQL
  • Autenticação com JWT e senhas protegidas com BCrypt
  • Frontend em HTML, CSS e JavaScript com Bootstrap
  • Containerizado com Docker e hospedado em VPS

stack

  • Javalinguagem do backend
  • Sparkservidor e rotas da API
  • PostgreSQLbanco de dados
  • JWTautenticação
  • BCryptcriptografia de senhas
  • Dockercontainers e deploy
  • HTMLestrutura da interface
  • JavaScripteditor e interações
  • Bootstraplayout e componentes
  • Chrome APIextensão que conecta ao VERDE