Neste projeto, eu precisei:
- 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.
Neste projeto eu precisei desenvolver uma carteira de controle de gastos com conversor de moedas, e ao utilizar essa aplicação um usuário deveria ser capaz de:
- Adicionar, remover e editar um gasto;
- Visualizar uma tabela com seus gastos;
- Visualizar o total de gastos convertidos para uma moeda de escolha;
- Clone o repositório
git clone git@github.com:amzotelli/react-wallet-trybe.git.git
.- Entre na pasta do repositório que você acabou de clonar:
cd react-wallet-trybe
- Instale as dependências e inicialize o projeto
-
Instale as dependências:
npm install
-
Inicialize a aplicação:
npm start
-
Página de Login
-
Criar uma página inicial de login com os seguintes campos e características:
-
Realizar algumas verificações nos campos de email, senha e botão
-
Utilizar o Redux para salvar no estado global as informações da pessoa logada
-
-
Página da Carteira
- Cria uma página para sua carteira
- Cria um header para a página de carteira contendo as seguintes características
- Desenvolve um formulário para adicionar uma despesa
- Implementa a lógica para preencher as opções do campo "Moedas", buscando as siglas das moedas da API
- Desenvolve a opção de "Adicionar despesa" na sua tabela de gastos
-
Tabela de Gastos
- Desenvolva uma tabela com os gastos contendo as seguintes características
- Cria um botão para deletar uma despesa da tabela