gofinances-frontend's Introduction

Go Finances

Descrição

O projeto Go Finances foi criado dentro do Bootcamp Gostack e tem como objetivo gerenciar entradas e saídas financeiras por categoria possibilitando a importação por CSV.

✋🏻 Pré-requisitos

React JS
Yarn

Front-end

Neste repositório você pode baixar o Front-end do projeto. Se Você quiser ter acesso ao Back-End basta clicar aqui.

🚀 Tecnologias

ReactJs - Uma biblioteca JavaScript para criar interfaces de usuário
Typescript - é uma ferramenta que adiciona tipagem ao JavaScript.
styled Components - uma nova maneiras de usar CSS no JavaScript moderno.

🔥 Instalação e execução

Faça um clone desse repositório;
Entre na pasta cd GoFinances-frontend;
Rode yarn para instalar as dependências;
Rode yarn start para iniciar a aplicação.

Rodando os testes

Rode yarn test para inicializar os testes.

should be able to list the total balance inside the cards: Deve permitir que seja exibido na Dashboard, cards contendo o total de income, outcome e o total da subtração de income - outcome que são retornados pelo balance do seu backend.

should be able to list the transactions: Deve permitir que sejam listados dentro de uma tabela, toda as transações que são retornadas do seu backend.

should be able to navigate to the import page: Deve permitir a troca de página através do Header, pelo botão que contém o nome Importar.
should be able to upload a file: Deve permitir que um arquivo seja enviado através do componente de drag-n-drop na página de import, e que seja possível exibir o nome do arquivo enviado para o input.