Projeto construído com conhecimentos em ReactJS, conectando-se ao back-end(Node.js).
A aplicação de gestão de transações, a GoFinances, consiste em listar as transações do usuário e para que o usuário importe uma nova transação ele precisa importar uma arquivo CSV. Praticando conhecimentos em ReactJS, utilizando rotas e envio de arquivos por formulário.
Essa é uma aplicação que irá se conectar ao seu backend do Backend Gofinances, e exibir as transações criadas e permitir a importação de um arquivo CSV para gerar novos registros no banco de dados.
O layout pode ser acessado através da página do Figma, no seguinte link.
Listar as transações da APIExibir o balance da APIImportar arquivos CSV
Ter instalado pelo menos um gerenciador de pacotes do Node, Npm ou Yarn.
Executar na raiz do projeto o seguinte comando para instalar as dependências
yarn installou
npm installyarn testshould be able to list the total balance inside the cards: Para que esse teste passe, sua aplicação deve permitir que seja exibido na sua Dashboard, cards contendo o total deincome,outcomee o total da subtração deincome - outcomeque são retornados pelo balance do seu backend.
should be able to list the transactions: Para que esse teste passe, sua aplicação 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: Para que esse teste passe, você deve permitir a troca de página através do Header, pelo botão que contém o nomeImportar. -
should be able to upload a file: Para que esse teste passe, você deve permitir que um arquivo seja enviado através do componente de drag-n-drop na página deimport, e que seja possível exibir o nome do arquivo enviado para o input.
yarn start- Typescript
- ReactJS
- React Router
- Axios
👤 Lara Beatriz
- Twitter: @LaraBeatrizMS
- Github: @larabeatrizms
- LinkedIn: @larabeatrizms