/calculator

Calculadora criada com useState

Primary LanguageJavaScript

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.


npm start

Para rodar o projeto em modo de desenvolvimento.


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.

image image image

Conclusão

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

Good coding!