Skip to content

Aplicação que lista despesas e converte para diferente tipos de moedas.

Notifications You must be signed in to change notification settings

hgo19/trybewallet

Repository files navigation

TrybeWallet

Aplicação criada para simular uma carteira de gastos com diversos tipos de conversões.

Habilidades

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.

Tecnologias Utilizadas

  • 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.

Rodando a aplicação

  1. Clone o repositório e vá para a pasta do repositório:
git clone [email protected]:hgo19/trybewallet.git
cd trybewallet
  1. Instale as dependências necessárias para rodar o projeto:
npm install
  1. Inicie o servidor do projeto:
npm start

Como funciona o projeto?

TrybeWallet é uma aplicação que logo ao ser aberta solicitará o login do usuário através da seguinte página:

Imagem tela de Login

LoginTrybeWallet

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.

Imagem tela de Carteira

CarteiraTrybe

Na página de Carteira é possível que o usuário adicione, edite e delete despesas, além de como dito anteriormente, ver o total no canto superior direito.

Link da aplicação: TrybeWallet

Projeto desenvolvido por: Hugo Leonardo.

About

Aplicação que lista despesas e converte para diferente tipos de moedas.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •