https://github.com/raizertechdev/calculadora_stackxlabsii

Lançado desafio Projeto Calculadora, que faz parte do Módulo StackX Lab II do Curso StackX, com as seguintes stacks aplicadas > HTML5, CSS e JS🙌🚀
https://github.com/raizertechdev/calculadora_stackxlabsii

css3 html5 javascript

Last synced: 6 months ago
JSON representation

Lançado desafio Projeto Calculadora, que faz parte do Módulo StackX Lab II do Curso StackX, com as seguintes stacks aplicadas > HTML5, CSS e JS🙌🚀

• Host: GitHub
• URL: https://github.com/raizertechdev/calculadora_stackxlabsii
• Owner: RaizerTechDev
• Created: 2023-10-26T21:31:00.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-10-29T01:15:53.000Z (about 1 year ago)
• Last Synced: 2024-10-29T02:22:10.727Z (about 1 year ago)
• Topics: css3, html5, javascript
• Language: CSS
• Homepage: https://raizertechdev-calclabs.netlify.app/
• Size: 112 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
***



[![Typing SVG](https://readme-typing-svg.herokuapp.com?font=Fira+Code&weight=700&size=25&pause=1000&color=6035DF&center=true&vCenter=true&width=435&lines=Olá👋+sou+Rafael+Raizer)](https://git.io/typing-svg)



  

***

##   Venho aqui apresentar   

  

# **_Calculadora_labsStackX_**

 


 


## [ (```Clique aqui para conhecer o Projeto```) ](https://raizertechdev-calclabs.netlify.app/)




  


### Projeto do curso StackX, do módulo StackX Lab II, com o Professor Vinícius Takeo, onde consiste em desenvolver uma calculadora, onde o usuário vai interagir:

- Realizando assim todas as operações;

- Limpando a operação do Visor;

- Apagando o último caracter

- Com um histórico exibindo a operação da calculadora com data e hora atualizada;

- Dentro desse campo ```histórico``` vai vai ```salvar``` , ```deletar``` e clicar na ```operação retornando ao visor```;

- Limitar o histórico a 4 entradas, apagando a operação mais antiga;

- A calculadora apresenta as informações do histórico de maneira organizada em formato de tabela;

- A calculadora implementa responsividade total, permitindo que todos os elementos (calculadora e histórico) estejam de mesmo tamanho em diferentes tipos de tela.

  






  

 [Demonstração-Calculadora]


 






***

 Tecnologias utilizadas no projeto:

🎯 HTML

🎯 CSS 

🎯 Javascript




***

  Ferramenta utilizada no projeto:

- [VsCode](https://code.visualstudio.com/download) (v1.80.1)




***

 Para rodar no `Front-End`:

- No arquivo `index.html` vai clicar com o botão direito para digitar:

```

Open With Live Server

```

- Assim vai abrir no navegador a `Calc_Labs`.

***

- Ou pelo `Deplopy Netlify`:

  

[ (```Clique aqui e acesse o Projeto```) ](https://raizertechdev-calclabs.netlify.app/)

    




***

 Autor



    

    

&nbsp&nbsp&nbspRafaRaizer-Dev


    &nbsp&nbsp&nbspWhatsapp | LinkedIn | GitHub| Tableau| Portfólio