Skip to content

dcmatheus/calculadora-agilize

 
 

Repository files navigation

Calcula o salário líquido da pessoa usuária deduzindo o INSS, IRRF e outros descontos.

Imagem da aplicação

Aplicação desenvolvido para o desafio técnico de front-end da Agilize.


Tecnologias utilizadas

  • React - Como tecnologia base para criação da interface;

  • ContextAPI - Para o compartilhamento de estado entre os componentes;

  • Tailwind - Para facilitar a estilização dos componentes;

  • ReactTestLibrary - Para o desenvolvimento dos testes;

  • Gitemoji + Commitzen - Para padronizar os commits;


Estrutura de pastas

Estrutura de dados baseado no Atomic Design React

src
├── components //Molecules
├── fields //Organisms
├── modules // Templates
├── images
├── tests
   ├── integration
   └── unitary
└── utils

Iniciando a aplicação

Primeiro é necessário fazer o clone da aplicação:

git clone [email protected]:dcmatheus/calculadora-agilize.git
cd calculadora-agilize

Instalar as dependências:

npm install

A aplicação é iniciada com o comando:

npm start

Ou via docker:

docker build -t calculadora-agilize .
docker run -p 3000:3000 calculadora-agilize

Ficando disponível em http://localhost:3000/


Deploy

O deploy foi feito utilizando o Heroku com o build pack mars/create-react-app-buildpack.

Link do Deploy: https://calculadora-agilize.herokuapp.com/


Testes

A aplicação foi construida baseado no modelo TDD. Os testes referentes aos componentes foram escritos antes deles funcionarem em si. Em alguns componentes não foi possível fazer testes unitários, mas estão englobados no teste de Integração.

Comando para rodar os testes:

npm run test

Obs: O nome do arquivo de testes pode ser passado como parâmetro para uma descrição mais detalhada.

Testes do formulário de valores


About

Calculadora de salário liquido

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 93.7%
  • CSS 3.3%
  • HTML 2.5%
  • Dockerfile 0.5%