Bem-vindo ao repositório do projeto Rube Goldberg. Esta é uma aplicação web interativa desenvolvida para revolucionar a forma como alunos interagem com estudos digitais, utilizando simulações físicas e lógica visual para tornar o aprendizado mais engajador.
Você já viu aqueles vídeos onde uma bolinha bate em um dominó, que liga um ventilador, que empurra um barco...? Isso é uma máquina de Rube Goldberg.
Contexto Histórico: O termo vem do cartunista e engenheiro americano Rube Goldberg (1883–1970). Ele ficou famoso por desenhar diagramas complexos de máquinas malucas que executavam tarefas extremamente simples (como limpar a boca com um guardanapo ou apontar um lápis) da maneira mais indireta e complicada possível.
Neste Projeto: Utilizamos esse conceito de "reação em cadeia" não apenas como diversão, mas como uma metáfora visual para conectar pontos de conhecimento. O objetivo é ajudar o aluno a visualizar como um conceito leva ao outro, melhorando a fixação do conteúdo através da interatividade.
Este projeto foi construído com ferramentas modernas de desenvolvimento web:
- Node.js: Ambiente de execução JavaScript.
- React: Biblioteca para construção de interfaces de usuário.
- TypeScript: JavaScript com superpoderes (tipagem estática) para maior segurança no código.
- Matter.js: Motor de física 2D que permite as simulações de gravidade e colisão.
- Lucide React: Biblioteca de ícones leve e moderna.
Se você nunca programou ou nunca rodou um projeto Node.js, siga os passos abaixo para fazer esta máquina funcionar no seu computador:
O Node.js é o "motor" que fará o projeto rodar.
- Acesse o site oficial: nodejs.org.
- Baixe a versão marcada como LTS (Recommended for most users).
- Instale como um programa comum (vá clicando em "Next" até finalizar).
- Para verificar se funcionou, abra seu terminal (Prompt de Comando ou PowerShell) e digite:
node -v. Se aparecer um número, está tudo certo.
Você precisa trazer os arquivos deste site para o seu computador.
- Instale o Git aqui, caso não tenha.
- Crie uma pasta no seu computador onde deseja guardar o projeto.
- Clique com o botão direito na pasta e selecione "Git Bash Here" (ou abra o terminal na pasta).
- Digite o comando abaixo:
git clone https://github.com/marceloroberto/rube-goldberg.gitPrecisamos baixar as bibliotecas (Matter.js, React, etc.) que o projeto utiliza.
- Entre na pasta do projeto pelo terminal:
cd rube-goldberg- Execute o comando de instalação:
npm installAguarde alguns instantes enquanto o computador baixa tudo o que é necessário.
Agora que tudo está instalado, vamos iniciar a aplicação.
- No terminal, digite:
npm run dev(Caso o comando acima não funcione, tente npm start).
- O terminal irá mostrar um endereço local, geralmente algo como
http://localhost:5173ouhttp://localhost:3000. - Copie esse endereço e cole no seu navegador.
🎉 Pronto! O projeto deve estar rodando.
Este é um projeto Open Source e contribuições são muito bem-vindas! Se você tem ideias para novas fases da máquina, melhorias na física ou novos recursos educacionais:
- Faça um Fork do projeto.
- Crie uma Branch para sua Feature (
git checkout -b feature/NovaFuncionalidade). - Faça o Commit de suas mudanças (
git commit -m 'Adiciona nova funcionalidade'). - Faça o Push para a Branch (
git push origin feature/NovaFuncionalidade). - Abra um Pull Request.
Desenvolvido por Marcelo Roberto utilizando a IA Google Gemini.