🧮 Estrutura de Dados

Site interativo de Estrutura de Dados: lições em português, animações passo a passo dos algoritmos e quizzes de prática, para as turmas onde leciono a disciplina.

20 tópicos cobrindo toda a ementa da disciplina, cada um com três partes:

• 📖 Lição: conteúdo em texto (MDX), com exemplos, complexidade e contexto histórico/aplicado.
• 🎬 Visualização: animação interativa passo a passo do algoritmo rodando de verdade, com play/pause, avançar/voltar passo, controle de velocidade e narração.
• ✏️ Prática: quiz de múltipla escolha com feedback imediato.

O site unifica, num só lugar e sem depender de nenhuma linguagem de programação específica, o material que antes estava espalhado em apostilas separadas por instituição. O código de exemplo em cada linguagem continua nos repositórios específicos de cada turma no meu GitHub.

• Fundamentos e arrays: Big-O, Arrays, Busca Sequencial, Busca Binária, Bubble Sort, Selection Sort, Recursividade, Merge Sort, Quick Sort, Matriz Esparsa.
• Estruturas lineares: Pilhas, Filas, Deque, Listas Ligadas, Listas Duplamente Encadeadas.
• Árvores: Árvores Binárias/BST, Heaps, Árvores AVL.
• Tabelas Hash: função de hash, colisões e encadeamento.
• Grafos: representação, BFS, DFS, Dijkstra, história (Pontes de Königsberg), aplicações reais e sandbox para montar seu próprio grafo.

Vários tópicos também têm o PDF da aula disponível para download direto na página.

• Framework: Next.js 16 (App Router), exportado como site 100% estático
• Linguagem: TypeScript
• Estilização: Tailwind CSS v4
• Animações: Motion
• Conteúdo: MDX (@next/mdx)

Cada operação de algoritmo (inserir, buscar, comparar, rotacionar...) é compilada em uma sequência de frames: um snapshot do estado da estrutura, destaques visuais e uma narração em português. Um hook e um player genéricos (useVisualizer + VisualizerControls) reproduzem essa sequência para qualquer estrutura de dados, então a lógica do algoritmo e a animação nunca ficam dessincronizadas.

Pré-requisito: Node.js 18+.

git clone https://github.com/XandyGomes/ed.git
cd ed
npm install
npm run dev

Abra http://localhost:3000.

Para gerar o build estático (o mesmo publicado no GitHub Pages):

npm run build

O resultado fica em out/.

Prof. Alexandre Gomes da Silva (Xandy Gomes) — professor de Estrutura de Dados na FATEC, Uni-FACEF, SENAI e Anhanguera, Mestre em Computação Aplicada pela USP.

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.