Calculadora React

(React) - Interface e Componentização

Aplicação desenvolvida com React utilizando componentes funcionais e hooks (useState e useEffect) para controlar:

• Entrada da calculadora e exibição em tela
• Histórico de cálculos
• Alternância de tema (Modo Branco / Modo Preto)
• Atalhos de teclado (Enter, Backspace, Escape, números e operadores)

(Tailwind CSS) - Estilização Utility-First

Estilização com Tailwind CSS via CDN/browser build para construir a UI (grid de botões, responsividade e temas).

(+) - Funcionalidades Implementadas

• Operações: +, -, *, /
• Botão Limpar (zera também o histórico)
• Botão ⌫ para apagar o último dígito
• Histórico de expressões calculadas
• Tela Cheia / Tela Normal
• Suporte a teclado (números, operadores, Enter, Backspace, Escape)

Tecnologias Utilizadas

• Front-End:

HTML5 – Estrutura da página e montagem do projeto.
JavaScript – Lógica, eventos e manipulação do estado.
React – Construção da interface com componentes e hooks.
Tailwind CSS – Estilização por classes utilitárias via CDN/browser build.
Babel Standalone – Compilação de JSX no navegador (sem build).

---

📂 Estrutura Geral do Projeto

📁 calculadora-react
 ┗ 📄 index.html

---

▶️ Como Executar

1. Baixe/clonar o repositório
2. Abra o arquivo index.html no navegador (Chrome/Edge/Firefox)

Observação: como o projeto usa CDNs (React/Tailwind/Babel), é necessário estar com internet para carregar as bibliotecas.

---

🎯 Objetivo do Projeto

Projeto acadêmico para praticar conceitos de Desenvolvimento Front-End com React, incluindo componentização, estados, eventos e estilização moderna.

---

👨‍💻 Autor

Vitor Manoel Vidal Braz
GitHub: https://github.com/vitormanoelvb

---

📌 Observações

• Projeto em React executando diretamente no navegador com UMD + Babel (sem Vite/Node).
• O cálculo da expressão é realizado via eval() (adequado para fins didáticos).