English:
This is a fullstack project using React in the frontend and firebase realtime database on the backend.
This project is an expense manager where you can add an expense and get a overview of your expenses and a total sum of all your registered expenses. You can login with you google account and the backend will have a separate field for your expenses so other users won't have access to your stuff.
I made this for React study purposes, so no fancy styles here.
UPDATE
I recently had to overlap this project firebase server for a new project, so the live website link is broken for the moment. If you want to run this project, please:
- Clone this project.
- npm install
- Create a firebase project and setup a realtime database.
- Setup the enviromnent variables your firebase project gave you
- npm start
- open a localhost with port 3000 on your favorite browser.
. . .
Português
Este projeto fullstack usando React para o frontend e firebase (realtime database) para o backend.
Este projeto é um organizador de finanças. Nele você pode adicionar uma nova finança e no dashboard, pode ver a sua lista de finanças adicionadas assim como a soma total de todas as finanças adicionadas. Você pode entrar com a sua conta da Google e o backend adiciona um espacinho privado pra você, assim não tem a chance de outros usuários acessarem os seus dados.
Este projet foi criado para estudos de React, então eu não cuidei muito dos styles.
IMPORTANTE
Eu recentemente precisei usar o servidor deste projeto para um outro projeto, então a hospedagem dele assim como o link para acesso quebraram. Se vocé quiser abrir este projeto, por favor:
- Clone este projeto.
- npm install
- Crie um projeto no firebase e abra uma nova "Realtime database"
- Configure as variaveis de ambiente que o seu projeto do firebase vai gerar.
- npm start
- Abra o projeto em um host local na porta 3000 no seu navegador favorito.