Estudo de caso
Trilhara
Demonstração funcional de aprendizagem online com percurso guiado, aulas e progresso salvo no navegador.
Tecnologias
- React
- TypeScript
- Tailwind CSS
- Vite
- Playwright
Contexto
A Trilhara organiza um percurso de estudo (Fundamentos de Desenvolvimento Web, com três etapas) para escolas digitais, instrutores independentes e empresas que oferecem treinamentos. Curso, instrutora e progresso são fictícios.
Decisões
01A próxima etapa está sempre clara
O painel mostra a próxima etapa e o progresso total, e cada aula tem conteúdo, prática sugerida e navegação entre etapas.
02Sem cadastro
A conclusão por etapa é salva no navegador, sem credenciais nem serviços externos, para a demonstração abrir e funcionar de imediato.
03Acessibilidade como requisito
Contraste AA, foco visível e navegação por teclado, com um teste axe-core que roda no CI.
Resultados
- Lighthouse mobile
- 100 / 100 / 100 / 100
- Testes e2e (fluxo e acessibilidade)
- 4
Lighthouse: desempenho / acessibilidade / boas práticas / SEO, em modo mobile, medidos localmente em 19/10/2026.
O que ainda falta
- É um único percurso, com três etapas fictícias.
- O progresso existe só no navegador de quem usa.