Skip to content

A Vanilla JavaScript application for performing mathematical calculations, of different levels of complexity, commons among software developers

License

Notifications You must be signed in to change notification settings

trybrito/devcalc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DevCalc

🧮 Uma aplicação JavaScript Vanilla para realização de cálculos matemáticos, de diferentes níves de complexidade, comuns entre desenvolvedores de software

Sobre o projetoStatusFeaturesPré-requisitosTecnologias utilizadasAutorREADME versions


🎯 Sobre o projeto

A DevCalc é, essencialmente, uma calculadora "para desenvolvedores" que, além de ser visualmente customizável, permitindo a criação de temas personalizados, se propõe a fornecer desde cálculos matemáticos básicos até alguns mais complexos, como Sequência de Fibonacci, Funções Trigonométricas e operações que envolvem o uso de parênteses, tudo para prover uma melhor experiência ao usuário que está em constante contato com o mundo da matemática.


🏁 Status

🎉 DevCalc ✔️ Finalizado 🎉


🏆 Features

Geral

  • Adicionar atalhos para controle da aplicação a partir do teclado;
  • Alternar entre os temas da aplicação, incluindo o tema personalizado;
  • Abrir caixa de opções;
  • Lidar com conflitos de inserção;
  • Formatar o número atual;
  • Diminuir / aumentar o tamanho da fonte com base no comprimento da expressão;
  • Notificar o usuário sobre expressões inválidas;
  • Limpar a expressão;
  • Apagar último caractere da expressão;
  • Ampliar o resultado;
  • Guardar, quando o resultado for ampliado, a expressão e o resultado atual, caso ambos sejam válidos, no histórico da aplicação;
  • Ativar / desativar o "modo de desenvolvedor", o qual habilita a inserção e, posteriormente, o cálculo de operadores unários e funções matemáticas; e
  • Alternar entre os tipos de conversão de bases númericas da aplicação.

Relacionadas aos cálculos

  • Adicionar números à expressão;
  • Restringir, para uma, a quantidade de vírgulas que podem ser adicionadas à um número;
  • Adicionar operadores à expressão;
  • Executar a regra de sinais quando um operador for adicionado à frente de outro e substituir ambos pelo operador resultante;
  • Adicionar operadores unários e funções matemáticas à expressão;
  • Adicionar conversão de base númerica à expressão;
  • Mudar a unidade de medida a ser utilizada como base para o resultado de cálculos de Funções Trigonométricas;
  • Calcular e exibir o resultado de expressões válidas em tempo real; e
  • Estabelecer hierarquia de priorização de cálculos.

Relacionadas aos modais

  • Permitir que o usuário transite entre todos os modais, por meio dos atalhos, sem que haja conflitos de visualização;
  • Abrir modal de histórico, que armazena expressões e resultados anteriores agrupados por data;
  • Abrir modal de atalhos, que apresenta ao usuário todos os atalhos da aplicação;
  • Abrir modal de personalização, que permite que o usuário crie, por meio de uma tabela descritiva, um tema personalizado;
  • Recuperar as cores atuais da aplicação e exibi-las nos campos da coluna "Cor atual", presente na tabela de personalização;
  • Copiar, em caso de duplo clique em um campo da coluna "Cor atual", o valor da cor atual para o campo correspondente na coluna "Nova cor";
  • Limpar novas cores, o que atribui o valor padrão (preto) para todos os campos da coluna "Nova cor";
  • Visualizar tema personalizado;
  • Salvar tema personalizado; e
  • Fechar modal atual.

❗️ Pré-requisitos

Fala Dev, beleza? Antes de iniciar seus testes e/ou contribuições na aplicação, é necessário ter o nosso maravilhoso GIT instalado, bem como, um bom editor de texto.

Bom, com tudo instalado e pronto, podemos ir para o passo a passo de como rodar a aplicação.

🕹️ Rodando a aplicação

# Primeiramente, clone este repositório com o GIT
$ git clone <https://github.com/trybrito/devcalc>

# Acesse a pasta do projeto pelo terminal de comando
$ cd .../devcalc

# E, para finalizar, abra o arquivo "index.html" no seu navegador, ou ainda, utilizando a extensão Live Server, caso você a tenha instalada.

🔮 Tecnologias utilizadas


👨🏽‍🎓 Autor


🤝 Thiago Raniery Brito

E aí Dev, gostou da aplicação? Bom, se quiser, fique à vontade para entrar em contato comigo por aqui ou pelas tags abaixo.


📚 README versions