Plataforma de Aprendizado Interativa "CodeFlow"
Desenvolvimento de um ambiente virtual completo para ensino de JavaScript, com editor de código integrado, feedback em tempo real e trilhas de aprendizado personalizadas.
O Desafio
Criar uma plataforma que superasse a passividade dos cursos online tradicionais. Os alunos precisavam de um espaço para praticar código diretamente no navegador, receber correções instantâneas e visualizar seu progresso de forma clara e motivadora.
- Editor de código frágil que quebrava com syntax errors comuns.
- Falta de um sistema de avaliação automática para exercícios práticos.
- Experiência do usuário desorganizada, dificultando a sequência de aprendizagem.
Processo & Solução
Arquitetura Modular
Dividimos a aplicação em micro-serviços independentes: API de exercícios, sandbox de código e gestão de usuários. Isso garantiu escalabilidade e manutenção simplificada.
Sandbox Seguro
Implementamos um container Docker para executar o código do aluno de forma isolada. Usamos AST (Abstract Syntax Tree) para análise e feedback detalhado dos erros.
UI/UX Intuitiva
Criamos uma interface com painel dividido (instruções vs. editor), sistema de conquistas visuais e dashboard de progresso com gráficos claros.
Resultados Alcançados
Taxa de conclusão dos módulos práticos
Linhas de código executadas/dia na plataforma
Redução no tempo para resolução de dúvidas
Avaliação média de satisfação (escala 5)