An open API service indexing awesome lists of open source software.

https://github.com/renovatt/tree-app

Tree Finance é um aplicativo de finanças para atender necessidades pessoais. Ele permite registrar despesas de forma segura e acessá-las de qualquer lugar, além de oferecer filtragem por mês e ano, visualização de faturamentos dos últimos 6 meses, campos para anotações e lista de prioridades.
https://github.com/renovatt/tree-app

firebase react styled-components typescript

Last synced: about 2 months ago
JSON representation

Tree Finance é um aplicativo de finanças para atender necessidades pessoais. Ele permite registrar despesas de forma segura e acessá-las de qualquer lugar, além de oferecer filtragem por mês e ano, visualização de faturamentos dos últimos 6 meses, campos para anotações e lista de prioridades.

Awesome Lists containing this project

README

          

#


Tree



Aplicativo para controle de fincanças



## Descrição

[Ver Projeto](https://tree-app-renovatt.vercel.app) 💰

#### Desenvolvi um aplicativo de finanças para atender minhas necessidades pessoais. Ele permite registrar despesas de forma segura e acessí-las de qualquer lugar, além de oferecer filtragem por mês e ano, visualização de faturamentos dos últimos 6 meses, campos para anotações e lista de prioridades. Estou cada vez mais feliz pelo meu progresso e por hora, este é o resultado do projeto, quem sabe mais aplicações podem surgir no futuro.

#

## _Layout Mobile_

![Mobile 1](./public/mobile-1.png) ![Mobile 2](./public/mobile-2.png)
#

## _Layout Web_

![Web 1](./public/web-1.png)
#
![Web 2](./public/web-2.png)
#
![Web 3](./public/web-3.png)
#
![Web 4](./public/web-4.png)
#
![Web 5](./public/web-5.png)
#

## 💻 Tecnologias

🛠️ **Construção do site**
- [React](https://create-react-app.dev/)
- [React Router](https://reactrouter.com/)
- [Chart.js](https://www.chartjs.org)
- [Node e NPM](https://nodejs.org/)
- [AwesomeApi](https://docs.awesomeapi.com.br/)

📁 **Banco de Dados**
- [Firebase](https://firebase.google.com/?hl=pt)
- [Firebase Authentication](https://firebase.google.com/docs/auth)
- [Firebase Firestorage](https://firebase.google.com/docs/firestore)

🎨 **Estilização**
- [Styled-Components](https://styled-components.com/)

🔋 **Versionamento e Deploy**
- [Git](https://git-scm.com)
- [Vercel](https://vercel.com/)


⚙️ **Configuranções e Instalações**

Clone do Projeto

$ git clone https://github.com/renovatt/tree-app.git

Instalando as Dependências

$ npm install

Iniciando o Projeto

$ npm start


**Como contribuir?**
##### Você pode dar suporte me seguindo aqui no GitHub, dando uma estrela no projeto ou criar uma conexão comigo no linkedin, fazendo parte da minha Networking e curtir o meu projeto.


**Autor**
[*Wildemberg Renovato de Lima*](https://www.linkedin.com/in/renovatt/)