Calculator

English

Description

The "Calculator" is a project developed entirely in pure JavaScript, featuring a dynamic user interface with a functional calculator as the main element. It allows users to perform the four basic arithmetic operations and operations with decimals. Users can also input values using the keyboard, a feature implemented with objects. Additionally, various clean code techniques and functions were utilized in the project. Visually, the website is aesthetically pleasing, featuring interactive buttons that change color and size, balanced colors, and responsiveness.

Technologies Used

• JavaScript: Utilized for the core functionality and dynamic interactions.
• Sass: Employed for advanced styling and maintaining clean CSS.
• HTML: Structured with HTML5 for accessibility and semantics.

Features

• Basic Arithmetic Operations: Users can perform addition, subtraction, multiplication, and division.
• Decimal Operations: Supports calculations involving decimal numbers.
• Keyboard Input: Allows users to input values using the keyboard.
• Interactive Design: Features interactive buttons with color and size changes for enhanced user experience.
• Responsive Layout: Ensures optimal viewing experience across various devices.

Challenges and Learnings

Development of the "Calculator" project presented various challenges and learning opportunities. These included:

• Implementing the core functionality for performing arithmetic operations.
• Ensuring compatibility and responsiveness across different devices.
• Applying clean code techniques for maintainability and readability.

Video

Video.mp4

How to Use

To use the "Calculator", follow these steps:

1. Clone the repository:

   git clone https://github.com/EngDann/Calculator.git

2. Access the project folder:

   cd Calculator

3. Open the project:

   Open the index.html file in any web browser of your choice.

4. Perform calculations:

   Use the calculator interface to input numbers and perform calculations using the provided buttons or keyboard inputs.

Contributions

Contributions to the "Calculator" project are welcome! If you have suggestions for improvements or new features, please follow these steps to contribute:

1. Fork the project:

   Click on the "Fork" button at the top right corner of the repository page to create a fork in your GitHub account.

2. Clone the fork:

   git clone https://github.com/your-github-username/Calculator.git

3. Create a new branch:

   git checkout -b your-branch-name

4. Make your changes:

   Modify, add, or remove features as needed.

5. Commit your changes:

   git commit -m "Add a descriptive message here"

6. Push to GitHub:

   git push origin your-branch-name

7. Create a Pull Request:

   Go to the original repository page on GitHub and click on "Pull Request" -> "New Pull Request". Select your branch and describe the changes you made. Click on "Create Pull Request" to submit your contribution.

Please ensure your commits and pull requests have detailed descriptions to facilitate the review process.

Credits

• Designed and developed by EngDann.

Contact

To get in touch with me, feel free to:

• Send an email to [email protected]
• Connect via LinkedIn: Danilo de Melo Ribeiro

License

This project is licensed under the MIT License.

Portuguese

Descrição

A "Calculadora" é um projeto desenvolvido inteiramente em JavaScript puro, apresentando uma interface de usuário dinâmica com uma calculadora funcional como elemento principal. Permite aos usuários realizar as quatro operações aritméticas básicas e operações com números decimais. Os usuários também podem inserir valores usando o teclado, uma funcionalidade implementada com objetos. Além disso, várias técnicas de código limpo e funções foram utilizadas no projeto. Visualmente, o site é esteticamente agradável, apresentando botões interativos que mudam de cor e tamanho, cores equilibradas e responsividade.

Tecnologias Utilizadas

• JavaScript: Utilizado para a funcionalidade principal e interações dinâmicas.
• Sass: Empregado para estilização avançada e manutenção de CSS limpo.
• HTML: Estruturado com HTML5 para acessibilidade e semântica.

Recursos

• Operações Aritméticas Básicas: Os usuários podem realizar adição, subtração, multiplicação e divisão.
• Operações Decimais: Suporta cálculos envolvendo números decimais.
• Entrada pelo Teclado: Permite aos usuários inserir valores usando o teclado.
• Design Interativo: Apresenta botões interativos com mudanças de cor e tamanho para uma experiência do usuário aprimorada.
• Layout Responsivo: Garante uma experiência de visualização ideal em vários dispositivos.

Desafios e Aprendizados

O desenvolvimento do projeto "Calculadora" apresentou diversos desafios e oportunidades de aprendizado. Estes incluíram:

• Implementação da funcionalidade principal para realizar operações aritméticas.
• Garantir compatibilidade e responsividade em diferentes dispositivos.
• Aplicação de técnicas de código limpo para manutenibilidade e legibilidade.

Video

Video.mp4

Como Usar

Para usar a "Calculadora", siga estas etapas:

1. Clone o repositório:

   git clone https://github.com/EngDann/Calculator.git

2. Acesse a pasta do projeto:

   cd Calculator

3. Abra o projeto:

   Abra o arquivo index.html em qualquer navegador da web de sua escolha.

4. Realize cálculos:

   Use a interface da calculadora para inserir números e realizar cálculos usando os botões fornecidos ou entradas pelo teclado.

Contribuições

Contribuições para o projeto "Calculadora" são bem-vindas! Se você tiver sugestões para melhorias ou novos recursos, siga estas etapas para contribuir:

1. Faça um fork do projeto:

   Clique no botão "Fork" no canto superior direito da página do repositório para criar um fork na sua conta do GitHub.

2. Clone o fork:

   git clone https://github.com/your-github-username/Calculator.git

3. Crie um novo branch:

   git checkout -b nome-do-seu-branch

4. Faça suas alterações:

   Modifique, adicione ou remova recursos conforme necessário.

5. Faça o commit das suas alterações:

   git commit -m "Adicione uma mensagem descritiva aqui"

6. Envie para o GitHub:

   git push origin nome-do-seu-branch

7. Crie um Pull Request:

   Vá para a página do repositório original no GitHub e clique em "Pull Request" -> "New Pull Request". Selecione o seu branch e descreva as alterações que você fez. Clique em "Create Pull Request" para enviar sua contribuição.

Por favor, certifique-se de que seus commits e pull requests tenham descrições detalhadas para facilitar o processo de revisão.

Créditos

• Projetado e desenvolvido por EngDann.

Contato

Para entrar em contato comigo, sinta-se à vontade para:

• Enviar um email para [email protected]
• Conectar via LinkedIn: Danilo de Melo Ribeiro

Licença

Este projeto está licenciado sob a Licença MIT.