Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lucaspanizio/calculator

Calculadora básica com histórico desenvolvida em React, Typescript e Styled-Components.
https://github.com/lucaspanizio/calculator

Last synced: 5 days ago
JSON representation

Calculadora básica com histórico desenvolvida em React, Typescript e Styled-Components.

Awesome Lists containing this project

README

        


Logo Calculator

Calculator



Aplicação Web desenvolvida para aperfeiçoamento das habilidades em React, Typescript e Styled-Components.

A calculadora executa adição, subtração, divisão, multiplicação e porcentagem.
Possui botões para limpar o display, limpar o último caracter no display e para limpar o display e também o histórico.
O histórico guarda cada cálculo realizado e permite retomar qualquer um deles.


🚀 Tecnologias   |   
🎨 Layout   |   
☝ Pré-Requisitos   |   
⚡ Como Executar   |   
📜 Licença



Página inicial do projeto Calculator



## 🚀 Tecnologias


JavaScript
Typescript
React
Styled-Components
Vite
Node.js
NPM
VS Code


## ☝ Pré-Requisitos
É necessário instalar o Node.js previamente.


## 🎨 Layout
![calculo](https://github.com/lucaspanizio/calculator/assets/32407181/9fd44659-afd4-4bc9-a53d-c1c9ba098ce0)
![historico](https://github.com/lucaspanizio/calculator/assets/32407181/0b2c3d83-2b16-45b4-a64e-792e19389f5f)
![historico vazio](https://github.com/lucaspanizio/calculator/assets/32407181/cff03d24-3bb9-4905-83fd-5a9d0dccc1b1)

## ⚡ Como executar

Clone este repositório

```bash
git clone https://github.com/lucaspanizio/calculator.git
```

Acesse o diretório da aplicação

```bash
cd calculator
```

Faça a instalação das dependências

```bash
npm install
```

Execute a aplicação

```bash
npm run dev
```

Acesse http://localhost:5173 para visualizar a aplicação.


## 📜 Licença

Esse projeto está sob a licença MIT.

License

#### Desenvolvido por José Lucas Panizio 🖖

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/lucaspanizio/)](https://www.linkedin.com/in/lucaspanizio/)
[![Gmail Badge](https://img.shields.io/badge/-Gmail-ff0000?style=flat-square&labelColor=ff0000&logo=gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])