cintiazago / gofinances-frontend

Projeto desenvolvido como desafio 07 do Bootcamp Gostack, com o objetivo de aplicar os fundamentos estudados no Nível 03.

Desafio 07: GoFinances Web

“Não espere resultados brilhantes se suas metas não forem claras”!

🚀 Sobre o desafio

Neste desafio, continuamos a desenvolver a aplicação de gestão de transações GoFinances para praticarmos conceitos de React.js juntamente com Typescript e uplad de arquivos através de formulário.

A aplicação devera se conectar ao backend do Desafio 06, e exibir as transações criadas e permitir a importação de um arquivo CSV para gerar novos registros no banco de dados.

🔨 Tecnologias:

• ReactJs
• TypeScript
• Polished
• Styled Components
• Axios

🚀 Como rodar este projeto

Para clonar e executar este aplicativo, você precisará de Git, NodeJs Instalado em seu computador.

O projeto é composto por duas aplicações:

1. Back-End (Link do Repositório)
2. Front-End

💡 E preciso efetuar o clone e seguir os passos de instalação do Repositório da API

💡 O Front-End precisa que o Back-End esteja sendo executado na porta 3333 para funcionar.

🌀 Clonando o repositório

# Clone este repositório
$ git clone https://github.com/cintiazago/gofinances-frontend

# Acesse a pasta do projeto no terminal/cmd
$ cd gofinances-frontend

🧭 Rodando a aplicação web

# Instale as dependências
$ yarn

# Execute a Aplicação
$ yarn start

# Execute o teste da Aplicação
$ yarn test

# O servidor inciará na porta:3000 - acesse http://localhost:3000

🛠 Funcionalidades da aplicação

• Listar as transações da sua API: Sua página Dashboard deve ser capaz de exibir uma listagem através de uma tabela, com o campo title, value, type e category de todas as transações que estão cadastradas na sua API.

• Exibir o balance da sua API: Sua página Dashboard, você deve exibir o balance que é retornado do seu backend, contendo o total geral, junto ao total de entradas e saídas.

• Importar arquivos CSV: Na sua página Import, você deve permitir o envio de um arquivo no formato csv para o seu backend, que irá fazer a importação das transações para o seu banco de dados. O arquivo csv deve seguir o seguinte modelo.

🤔 Como contribuir para o projeto

• Faça um fork do projeto;
• Crie uma nova branch com as suas alterações: git checkout -b my-feature
• Salve as alterações e crie uma mensagem de commit contando o que você fez:git commit -m "feature: My new feature"
• Envie as suas alterações: git push origin my-feature

Caso tenha alguma dúvida confira este guia de como contribuir no GitHub

📝 Licença

Este projeto esta sobe a licença MIT. Veja a LICENÇA para saber mais.

Feito com ❤️ por Cintia Zago 👋🏽 Entre em contato!