Aplicação criada para simular uma carteira de gastos com diversos tipos de conversões.
Nesse projeto foi desenvolvido as seguintes capacidades:
- Criar um store Redux em aplicações React;
- Criar reducers no Redux em aplicações React;
- Criar actions no Redux em aplicações React;
- Criar dispatchers no Redux em aplicações React;
- Conectar Redux aos componentes React;
- Criar actions assíncronas na sua aplicação React que faz uso de Redux.
- Aplicação foi desenvolvida em React utlizando os componentes de Classe;
- Foi utilizado o Redux, mesmo sendo uma aplicação pequena, para gerir estados entre componentes a fins de estudo;
- É utilizado Regex para validação de email ao fazer o login;
- Foi utilizado o framework de CSS Bootstrap com alguns acrescentos de css inline para a estilização.
- Clone o repositório e vá para a pasta do repositório:
git clone [email protected]:hgo19/trybewallet.git
cd trybewallet
- Instale as dependências necessárias para rodar o projeto:
npm install
- Inicie o servidor do projeto:
npm start
TrybeWallet é uma aplicação que logo ao ser aberta solicitará o login do usuário através da seguinte página:
O Login só é permitido em caso de um email com formato válido ("[email protected]"
), e com uma senha com mais de 6 characters.
Após isso o usuário será redirecionado para a página da carteira, onde terá um formulário para preencher com os respectivos gastos, e no canto superior direito terá o valor da despesa total.
Link da aplicação: TrybeWallet
Projeto desenvolvido por: Hugo Leonardo.