Calculadora

Olá pessoal, gostaria de mostrar para vocês um pouco do que utilizei neste projeto onde criei uma calculadora utilizando o hook useState.

Neste documento vou falar sobre, como rodar o projeto e pontuar algumas das minhas decisões sobre o projeto que julgo válidas.

Introdução

Desenvolvendo este projeto foquei nos seguintes pontos que julgo cruciais para todo projeto:

• Ter um versionamento bem documentado, com commits claros e explicativos.
• Desenvolver um código legível, organizado e de fácil manutenção seguindo boas práticas e padrões de código limpo.
• Buscando ter uma UI responsiva e uma UX fluída, acessível para todos os dispositivos.
• Criar um projeto escalável, bem componentizado e com uma boa estrutura de arquivos.

Principal ferramenta utilizada

• React.js

Arquitetura

• Sobre arquitetura de pastas, o projeto segue uma estrutura básica, onde:
  • components: arquivos de componentes reutilizáveis.
  • mocks: arquivo de dados salvos na aplicação.
  • styles: arquivo que contém os estilos globais.

Rodando o projeto

npm i

Para instalar as dependências do projeto.

<br>

npm start

Para rodar o projeto em modo de desenvolvimento.

<br>

npm build

Para fazer o build do projeto para produção.

Desenvolvimento

Desenvolvi o projeto como uma maneira de estudo apenas para fixar o modo de utilização do hook useState.

Link page

Projeto foi hospedado no GHPages sem nenhuma modificação apenas com a configuração padrão.

https://samuelrms.github.io/calculator/

Conclusão

Gostaria de agradecer a você que leu até aqui! Espero que goste do projeto :)

Good coding!