/Wallet_Project

Projeto para treinar as habilidades aprendidas com React com classes, redux, estados globais, BrowserRouter, consumo de API externa, HOF'S,

Primary LanguageJavaScript

Wallet - Carteira de Despesas com Câmbio

SobreTecnologiasFeaturesPre-RequisitosComo rodarAutor

Wallet Gif

Sobre

Esse projeto foi desenvolvido para treinar as ferramentas aprendidas no modulo de Front-End na Trybe. Atraves do consumo de uma API de valores de cambio, é retornado uma lista JSON e os valores são consumidos e convertidos em reais para as despesas.

Acesse o site

Os arquivos dentro da pasta src sobre a aplicação foram elaborados por mim. Os arquivos iniciais, eslint e testes foram feitos pela Trybe como avaliação.

Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

  • React
  • HOF's
  • Redux
  • Controle de estados globais
  • CSS

Features

  • Consumo da API de cambio do Wallet
  • Botão para inserir o valores da despesa
  • Botão para descrever a despesa
  • Botão para inserir a moeda (cambio)
  • Botão para inserir a forma que foi feito o pagamento
  • Botão para escolher a categoria da despesa
  • Botão para adcionar a despesa na tabela
  • Botão para editar a despesa cadastrada
  • Botão para excluir a despesa
  • Calculo de todas as depesas

Pre-Requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git.

Além disto é bom ter um editor para trabalhar com o código como VSCode

Como rodar

# Clone este repositório
$ git clone git@github.com:ElaineCostadev/Wallet_Project.git

# Acesse a pasta do projeto no terminal/cmd
$ cd Wallet_Project

# Instale as dependências
$ npm install

# Para visualizar a pagina
$ npm start

Autor

Made with 🧡 by ELAINE COSTA ✨