Início Profile Projeto
Avatar de

Lucas Maciel

🖩 Web Calculator

  • javascript
  • css
  • html
🇺🇸 English
🇧🇷 Português

luk4x-repo-status luk4x-repo-license

🖩 Web Calculator Project


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


📹 Apresentação em Vídeo do Projeto

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

🚀 Tecnologias Utilizadas

📝 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 🪟
Luk4x Github Photo
Lucas Maciel
🪧 Vitrine.Dev Lucas Maciel
Nome 🖩 Web Calculator
🏷️ Tecnologias javascript, css, html
📷 Img

Voltar ao Topo