O CalcExplica é uma calculadora web que resolve a conta e mostra, passo a passo, a ordem exata em que cada operação foi feita — como um professor explicando no quadro. Projeto feito para a Faculdade Anhanguera. A aplicação não usa nenhuma API de IA: todo o cálculo e a explicação são feitos por um interpretador matemático escrito em JavaScript puro.
O sistema foi construído com foco em:
- Interpretador matemático próprio, sem
eval() - Explicação automática dos passos, na ordem correta das operações
- Design responsivo (mobile-first)
- Modo científico e fórmulas prontas (Bhaskara, Pitágoras, juros, etc.)
- Tema claro/escuro persistente
- Desenvolvido sem gastar nada, utilizando apenas tecnologias gratuitas
- Números, parênteses,
+ − × ÷, potência (^), raiz quadrada (√) e porcentagem (%) - Botão
Anspara reaproveitar o último resultado - Suporte a teclado (números, operadores,
Enterpara=,Backspace,Escpara limpar) - Mensagens de erro específicas (divisão por zero, parêntese não fechado, raiz de número negativo, etc.)
- Funções trigonométricas:
sin,cos,tan(ângulo em graus) - Logaritmos:
log(base 10) eln(base natural) - Constantes:
πee - Fatorial (
!)
- Bhaskara
- Pitágoras (hipotenusa e cateto)
- Área do círculo
- Área do triângulo
- Juros compostos e simples
- Regra de três simples
- Distância entre dois pontos
- Porcentagem
- MDC e MMC
- Média aritmética
- Tire uma foto, envie uma imagem ou arraste e solte o arquivo
- O sistema tenta ler a conta ou fórmula automaticamente (usa Tesseract.js no navegador)
- O texto reconhecido pode ser editado antes de calcular
- Cada passo da conta é exibido em ordem, com a regra utilizada
- A ordem segue a prioridade das operações matemáticas (PEMDAS)
| Camada | Tecnologia |
|---|---|
| Front-end | HTML5, CSS3, JavaScript (Vanilla, sem framework) |
| Estilização | CSS Custom Properties (variáveis), Bootstrap Icons |
| Fontes | Google Fonts (JetBrains Mono, Caveat) |
| OCR | Tesseract.js (processamento local no navegador) |
InstruCalculador/
├── index.html # Página principal (HTML + CSS + JS inline)
├── css/
│ └── style.css # Estilos gerais e responsivos
├── js/
│ └── script.js # Lógica principal (tokenizer, parser, fórmulas, OCR)
├── assets/
│ └── images/
│ └── favicon.jpg # Ícone do site
└── README.md # Documentação do projeto
- Clone o repositório:
git clone https://github.com/danielbarbosabr/InstruCalculador.git-
Abra o
index.htmlem qualquer navegador moderno (Chrome, Firefox, Edge, Safari). -
Para desenvolvimento, use uma extensão como Live Server no VS Code para recarregar automaticamente.
| Nome | Função |
|---|---|
| Desenvolvedor Full Stack | |
| Apresentação | |
| Apresentação | |
| Gerenciamento do Grupo | |
| Documentação |
Este projeto é parte de um trabalho acadêmico da Faculdade Anhanguera e está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
- Bootstrap Icons pelos ícones utilizados na interface
- Google Fonts pelas fontes JetBrains Mono e Caveat
- Tesseract.js pelo motor de OCR rodando no navegador
Feito para a disciplina de Engenharia de Software