| 🇺🇸 English |
| 🇧🇷 Português |
Video | Technologies | About | Highlights | Cloning | Contact
result-caculator.mp4
If the video has any errors, reload the page!
Access the project online HERE
Watching the video above and/or accessing the project online will help you understand the explanation!
To improve myself more on the basis of Front-End development, I made this project that consists of a Web Calculator, developed using Javascript's eval() method as a base.
I mainly honed my knowledge in Javascript and CSS.
- I used CSS Grid Layout to position the parts of the calculator;
- I used CSS Transition to make the animations;
- I used CSS variables to standardize the color palette;
- I created two color themes with the possibility of switching between them via Javascript;
- I did the mapping of all equivalent keys and the feedback animation when typing via Javascript;
To clone and run this project on your computer, you just need Git to be previously installed.
After that, in the terminal:
# Clone this repository with:
> git clone https://github.com/Luk4x/projeto-calculadora.git
# Enter the repository with:
> cd projeto-calculadora
# Run the project with:
> start index.html # For Windows users
> open index.html # For Linux/Mac users
Vitrine.Dev 🪟
|
Lucas Maciel
|
