O Trybewallet
é um projeto que foi desenvolvido no módulo de front-end no curso de desenolvimento web da Trybe
.
O objetivo era desenvolver uma aplicação que o usuário podesse registrar suas despezas em várias moedas diferentes, assim como editar essas despesas ou até mesmo deletar.
Utilizei React
para construir a interface, CSS
puro para a estilização, Redux
para o controle do estado da aplicação, git
para o versionamento e muita força de vontade para vencer os desafios do aprendizado.
Eu preciso implementar os testes com o RTL
, além de flexibizar a aplicação para ser exibida corretamente em dispositivos móveis.
O controle de estado com Redux
foi o maior aprendizado, o conhecimento com React
já estava bem consolidado, mas as configurações e interações com o Redux
foram postasa a prova, além da manipulação de dados, filtragem das despesas e edição. Sai do projeto muito mais confiante em manipular dados em objetos :D
-
Caso queira visitar: Trybewallet
-
Bem, aqui está uma demostração da página de login, o login é fictício, mas o usuário precisa informar um email no formato válido e uma senha para poder habilitar o botão de login.
React.App.-.Opera.2022-06-11.11-02-49.mp4
- Aqui temos a aplicação em si. É possível adicionar as despezas, deletar ou editar. Como o cambio está sempre mudando de valor, a edição das despezas é feita com base no valor da hora em que o usuário adicionou a despeza.