Bubble

Bubble is a simple personal finance management app. It allows you to add transactions, specify whether they are income or expense, give them a title, enter the amount and date, and write a short, optional description. The app lets you navigate back and forth between months, but does not allow adding expenses in the future.

The app summarizes expenses, income, and the balance for a given month and compares them to the previous month. Transactions can be edited or deleted. In the Analytics tab, you can find charts related to the recorded financial transactions.

---

Features

Dashboard

Edit form

Analytics

Transactions

Add form expence

Add form income

Validation

Tech Stack

Backend

• Express.js
• Additional libraries:
  • Dotenv
  • Cookie-parser
  • Cors
  • Mongoose
  • Bcryptjs
  • jsonwebtoken

Frontend

• React.js
• Additional libraries:
  • Lucide-react
  • Recharts
  • Axios
  • Lodash-es

Database

• MongoDB

Additional

• Concurrently

How to install

install root dependencies

nmp i

install client dependecies

cd client
npm i

install server dependecies

cd ../server
nmp i

Create .env file On Windows

code .env

or

echo "" > .env

On Linux

touch .env

PORT = 5000
MONGO_URI=severAddress (np. mongodb://localhost:27017/bubble)
JWT_SECRET=secret

to run project go to root folder

cd ..

and run command

npm run dev