https://github.com/samuelrocha91/calculator

https://github.com/samuelrocha91/calculator

Last synced: about 9 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/samuelrocha91/calculator
• Owner: SamuelRocha91
• Created: 2023-12-07T20:39:29.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2023-12-20T19:02:58.000Z (11 months ago)
• Last Synced: 2023-12-21T19:56:12.126Z (11 months ago)
• Language: JavaScript
• Size: 140 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#  Aplicativo de Calculadora 

![Demonstração do Projeto](./gifs/calculator.gif)

## 🌐 

[![Português](https://img.shields.io/badge/Português-green)](https://github.com/SamuelRocha91/calculator/blob/main/README.md) 

[![Español](https://img.shields.io/badge/Español-yellow)](https://github.com/SamuelRocha91/calculator/blob/main/README_es.md) 

[![English](https://img.shields.io/badge/English-blue)](https://github.com/SamuelRocha91/calculator/blob/main/README_en.md) 

[![Русский](https://img.shields.io/badge/Русский-lightgrey)](https://github.com/SamuelRocha91/calculator/blob/main/README_ru.md) 

[![中文](https://img.shields.io/badge/中文-red)](https://github.com/SamuelRocha91/calculator/blob/main/README_ch.md) 

[![العربية](https://img.shields.io/badge/العربية-orange)](https://github.com/SamuelRocha91/calculator/blob/main/README_ar.md)

Visão Geral


Este é um projeto iniciante desenvolvido como parte do módulo de **Fundamentos** do curso de **Desenvolvimento Web** da Trybe. O objetivo principal foi criar uma aplicação de calculadora simples usando **React**, **JavaScript**, **CSS** e **HTML**. O projeto envolveu a manipulação dos arquivos `script.js`, `index.html` e `style.css`.

Funcionalidades


A aplicação permite aos usuários:

- **Realizar operações aritméticas básicas**: Adição, subtração, multiplicação e divisão.

- **Limpar a entrada**: Redefinir a calculadora para o estado inicial.

- **Trabalhar com pontos decimais**: Adicionar pontos decimais aos números.

- **Calcular resultados**: Exibir o resultado da operação aritmética.

Habilidades Desenvolvidas


Durante o desenvolvimento deste projeto, as seguintes habilidades foram aprimoradas:

1. Manipulação de **elementos do DOM** usando React.

2. Implementação de **gerenciamento de estado** com hooks do React.

3. Aplicação de **lógica de programação** para lidar com entradas e operações dos usuários.

4. Utilização de **manipulação de eventos** para interações do usuário.

5. Uso de **declarações condicionais** e **loops** para gerenciar a lógica da aplicação.

6. Escrita de **funções modulares** para manter e gerenciar o código de forma eficaz.

Outros Projetos Iniciantes


Aqui estão outros projetos que desenvolvi durante as primeiras etapas da minha jornada de desenvolvimento:

- 🖥️ [Conversor de binários](https://github.com/SamuelRocha91/Bin2Dec)

- 🦖 [Gerador de memes](https://github.com/SamuelRocha91/memeGenerator)

- 🎨 [Pixels Art](https://github.com/SamuelRocha91/PixelsArt)

- 📝 [Todo List](https://github.com/SamuelRocha91/TodoList)

- 🪐 [Star Wars Planets](https://github.com/SamuelRocha91/javascriptStarWarsPlanets)

Como Rodar


1. Clone este repositório:

   ```bash

   git clone https://github.com/SamuelRocha91/calculator.git

   ```

2. Navegue até o diretório do projeto:

   ```bash

   cd calculator

   ```

3. Instale as dependências:

   ```bash

   npm install

   ```

4. Inicie o servidor de desenvolvimento:

   ```bash

   npm run dev

   ```

5. Abra seu navegador e acesse `http://localhost:3000` para ver a aplicação em funcionamento.