AN
Todos os projetos
Acadêmicos2022/04

LittleDev

Plataforma gamificada de ensino de programação — TCC premiado, reconstruído em 2026

Next.js 16React 19TypeScriptstyled-components
Interface do LittleDev, plataforma gamificada de ensino

O desafio

Ensinar lógica de programação a adolescentes esbarra em um problema conhecido: o conteúdo é abstrato e a curva inicial é íngreme. A taxa de desistência entre iniciantes é alta justamente nas primeiras semanas.

A hipótese do trabalho foi que a estrutura do Duolingo — micro-lições, progressão visível e recompensa imediata — poderia reduzir essa barreira quando aplicada à programação.

O LittleDev nasceu como prova de conceito dessa pesquisa, e foi meu Trabalho de Conclusão de Curso em Ciência da Computação.

Resultados

1º Lugar — XVI Congresso de Iniciação Científica UniFAI
Menção Honrosa no mesmo congresso
Originou o convite para o projeto Quiz FAI, três anos depois
Reconstruído em 2026: 26 rotas, 9 módulos e 72 atividades

O que eu fiz

01

Pesquisa e fundamentação

Levantamento sobre gamificação aplicada ao ensino, incluindo um artigo de fundamentação sobre a inclusão de programação nas escolas brasileiras.

02

Arquitetura da aplicação

Foi o primeiro projeto que pensei arquiteturalmente de forma consciente: separação de responsabilidades, rotas organizadas e componentes com propósito único.

03

UX e interface

Desenhei o fluxo de progressão, o sistema de lições e o feedback visual — tudo orientado a manter o aluno avançando sem se sentir avaliado.

04

Documentação completa

Primeiro projeto meu com documentação abrangente cobrindo pesquisa, arquitetura, UX e desenvolvimento. O hábito ficou.

Galeria

Painel do aluno: trilha, meta diária, ofensiva e ranking de amigos
Errar não bloqueia — a explicação aparece na hora
Explicação do submódulo, nos cinco blocos que o TCC especificava
Perfil: estatísticas, conquistas e amigos
Os quatro relatórios de saída previstos no trabalho
Área do administrador: a trilha e seus pré-requisitos
Abertura, com o céu estrelado redesenhado em CSS
O painel em celular
Como era em 2022: o painel do protótipo apresentado no congresso
Como era em 2022: a tela de abertura original
A premiação no XVI Congresso de Iniciação Científica da UniFAI

Decisões técnicas

2022: React com JSX puro

A primeira versão usava React sem TypeScript — decisão coerente com o momento e com meu nível na época. Registro isso explicitamente porque rascunhos antigos do meu currículo afirmavam o contrário, e precisão importa mais do que parecer avançado. Havia também uma WebAPI em C# com Entity Framework, começada e nunca terminada.

2026: reconstruído por inteiro

Quatro anos depois retomei o projeto e reescrevi tudo em Next.js 16, React 19 e TypeScript estrito. Não foi refatoração: foi implementar o que o trabalho acadêmico especificava e nunca saiu do protótipo — os 4 requisitos básicos, os 9 funcionais, os 4 de saída e os 10 casos de uso. São 26 rotas, 9 módulos e 72 atividades.

Regra de negócio separada da interface

A diferença de maturidade mais visível entre as duas versões. Em 2026, XP, ofensiva, liberação da trilha, conquistas, ranking e relatórios vivem em funções puras que não conhecem React nem armazenamento. Dá para ler a regra sem abrir o navegador — e trocar a persistência sem tocar nela.

O que resgatei do próprio git

Ao retomar, descobri 76 arquivos de 2022 que estavam apenas em stage, nunca commitados, e haviam sumido do disco — o portal completo e a WebAPI. Recuperei do índice e preservei num commit antes da v2.0. Estavam a um `git gc` de desaparecer.

Foi o projeto que definiu meu foco em front-end, UX e educação. Três anos depois foi o motivo de a FAI me procurar para o Quiz Gamificado — a professora que me orientou lembrou dele. E quatro anos depois foi o projeto que eu quis reabrir para medir o quanto tinha mudado: a ideia continuou de pé, o código não sobrou nada.