🇺🇸 English

🇧🇷 Português

🖩 Web Calculator Project

Vídeo   |    Tecnologias   |    Sobre   |    Destaques   |    Clone   |    Contato

📹 Apresentação em Vídeo do Projeto

result-caculator.mp4

Caso o vídeo apresente algum erro, recarregue a página!
Acesse o projeto online AQUI

🚀 Tecnologias Utilizadas

• Javascript
• CSS
• HTML

📝 Sobre

Assistir o vídeo acima e/ou acessar o projeto online ajudará na compreensão da explicação!

Para me aperfeiçoar mais na base do desenvolvimento Front-End, fiz esse projeto que se consiste numa Calculadora Web, desenvolvida utilizando o método eval() do Javascript como base.
Lapidei principalmente meus conhecimentos em Javascript e CSS.

📌 Alguns Destaques

• Utilizei CSS Grid Layout para posicionar as partes da calculadora;
• Utilizei CSS Transition para fazer as animações;
• Utilizei variáveis CSS para padronizar a paleta de cores;
• Criei dois temas de cores com a possibilidade de alternância entre eles via Javascript;
• Fiz o mapeamento de todas as teclas equivalentes e a animação de feedback ao teclar via Javascript;

📖 Clonando o Projeto

Para clonar e executar este projeto em seu computador, você precisará apenas que o Git esteja previamente instalado.
Feito isso, no terminal:

# Clone esse repositório com:
> git clone https://github.com/Luk4x/projeto-calculadora.git

# Entre no repositório com:
> cd projeto-calculadora

# Execute o projeto com:
> start index.html # Para usuários de Windows
> open index.html # Para usuários de Linux/Mac

🤝 Contato dos Contribuintes

Vitrine.Dev 🪟 Lucas Maciel 🪧 Vitrine.Dev Lucas Maciel ✨ Nome 🖩 Web Calculator 🏷️ Tecnologias javascript, css, html 📷 Img

Voltar ao Topo