opera-es-basicas

Calculator Avanc

Uma calculadora avançada com tema Matrix, recursos estatísticos e visualização de dados.

🚀 Funcionalidades

• Operações Básicas: Adição, subtração, multiplicação e divisão
• Tema Matrix: Efeito de chuva de números em verde sobre fundo preto
• Painéis Interativos:
  • Histórico (SHIFT): Registro de todas as operações realizadas
  • Estatísticas (CTRL): Métricas e análises das operações
  • Gráfico (F1): Visualização gráfica da frequência das operações

🎨 Características

• Interface moderna e responsiva
• Animações suaves e efeitos visuais
• Validação de entrada de dados
• Tratamento de erros (ex: divisão por zero)
• Estatísticas em tempo real
• Histórico de operações com timestamp
• Gráfico interativo de frequência de operações

🛠️ Tecnologias Utilizadas

• HTML5
• CSS3
• JavaScript (ES6+)
• Chart.js (para visualização de dados)

📋 Pré-requisitos

• Navegador web moderno
• Conexão com internet (para carregar o Chart.js via CDN)

🔧 Instalação

1. Clone ou baixe este repositório
2. Abra o arquivo calculadora.html em seu navegador

⌨️ Como Usar

Operações Básicas

1. Digite o primeiro número
2. Digite o segundo número
3. Clique no botão da operação desejada

Painéis Especiais

• Pressione SHIFT para ver o histórico de operações
• Pressione CTRL para ver as estatísticas
• Pressione F1 para ver o gráfico de frequência

Estatísticas Disponíveis

• Total de cálculos realizados
• Operação mais utilizada
• Maior resultado obtido
• Menor resultado obtido
• Últimas 5 operações realizadas

📁 Estrutura do Projeto

calculator/
│
├── calculadora.html    # Estrutura principal
├── styles.css         # Estilos e animações
├── script.js          # Lógica e funcionalidades
└── README.md          # Documentação

🎯 Recursos Adicionais

• Scroll Suave: Navegação suave com roda do mouse e teclas de seta
• Responsividade: Adaptação a diferentes tamanhos de tela
• Feedback Visual: Animações e efeitos para melhor experiência do usuário
• Tema Consistente: Design Matrix em todos os elementos

🤝 Contribuindo

Contribuições são bem-vindas! Sinta-se à vontade para:

1. Fazer um Fork do projeto
2. Criar uma Branch para sua Feature (git checkout -b feature/AmazingFeature)
3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
4. Push para a Branch (git push origin feature/AmazingFeature)
5. Abrir um Pull Request

📝 Licença

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

✨ Créditos

• Desenvolvido como um projeto de demonstração
• Inspirado no tema visual do filme Matrix
• Utiliza Chart.js para visualização de dados