Olá, seja bem vindo ao repositório do projeto TrybeWallet.
TrybeWallet é uma carteira de despesas online, nele é possível cadastrar despesas em 15 tipos de moedas diferentes, inclusive em bitcoins, tudo isso atualizado em tempo real.
Esse projeto foi desenvolvido no módulo de Front-End do curso da Trybe, mais especificamente na seção 7 e com 4 meses de curso.
Recebi esse desafio, onde deveria desenvolver do zero uma aplicação front-end, em que a pessoa usuária digita e-mail e senha os dois campos contêm lógicas de validação através de regex e o botão de acesso a entrar na aplicação só é liberado caso a pessoa digite um e-mail válido contendo (qualquercoisa@email.com) e a senha deve possuir 6 ou mais caracteres. Nem e-mail e nem senha são salvos.
-
No botão Entrar existe um efeito CSS de transição de inativo para ativo e vice-versa aplicado por mim, esse recurso não era requisitado no projeto.
-
Com botão ativo é possível clicá-lo e ser redirecionado para a página de "/carteira", isso acontece através de uma biblioteca React chamada react-router-dom.
-
Uma vez logados temos um cabeçalho com o e-mail digitado anteriormente, o valor total de despesas cadastradas e qual é a moeda que o valor está sendo convertido.
-
Consumo da API: https://economia.awesomeapi.com.br/json/all para trazer a aplicação as moedas e seus valores atualizados.
-
Logo abaixo, temos um formulário para adicionar as despesas, todas essas informações são salvas no estado global (Redux) da aplicação.
-
É possível editar e excluir despesas cadastradas.
-
Precisei desenvolver testes para cobrir 90% da aplicação utilizando a biblioteca de testes do React-RTL.
Obrigado pela visita! ❤️