/app-calc

Primary LanguageJavaScript

APP CALC - Calculadora em React.js

React JavaScript CSS License

🖥️ Sobre o Projeto

O APP CALC é uma calculadora desenvolvida em React.js que simula as operações básicas de um dispositivo de cálculo tradicional. Este projeto foi criado com foco em melhorar as habilidades com React e estilização em CSS, buscando aplicar um layout intuitivo e com design limpo e cativante.

🎥 Imagens do Projeto

image image

🌟 Tecnologias Utilizadas

  • React.js - Biblioteca JavaScript para construção de interfaces.
  • CSS - Para estilização da calculadora de acordo com um design pré-definido.
  • JavaScript (ES6+) - Para lógica das operações matemáticas e funcionalidades da calculadora.

🛠️ Funcionalidades

  • Operações Matemáticas Básicas: Adição, subtração, multiplicação e divisão.
  • Reset de Cálculo: Limpar todo o display e iniciar um novo cálculo.
  • Exclusão de Dígitos: Remover o último dígito inserido.
  • Responsividade: Adaptado para uso em dispositivos móveis e desktops.
  • Temas: Possibilidade de mudança de temas, entre escuro e claro.

📦 Instalação e Execução

  1. Clone este repositório:
    git clone https://github.com/ThailanySantos/app-calc
  2. Instale as dependências:
    npm install
  3. Execute o projeto:
    npm run dev
  4. Acesse a aplicação no seu navegador:
    http://localhost:5173
    

📂 Estrutura do Projeto

app-calc/
├── public/
│   ├── index.html
│   └── ...
├── src/
│   ├── components/
│   │   ├── button.js
│   │   ├── display.js
│   │   └── buttonPanel.js
│   ├── styles/
│   │   ├── App.css
│   ├── App.js
│   ├── main.js
│   └── ...
└── README.md

🔧 Ajustes e Melhorias

Próximas etapas planejadas para o projeto:

  • Limitação de números no display.
  • Implementar operações matemáticas mais avançadas.
  • Melhorar a acessibilidade e usabilidade do teclado.

👩🏽‍💻 Autora

Feito com 💜 por Thailany Santos.

📝 Sujestões?

Sujestões, opiniões e elogios são sempre bem-vindos! Sinta-se a vontade para contribuir ou para usar como inspiração.