MoneyPipe is an incomes & expenses personal managment app, with emphasis on data visualization.

The 2 main reasons why I built this project:

• Since I'm used to track all of my incomes and expenses for the past 3 years, I figured why not building my own personal tool that does exactly what I need.
• Learning new technologies, and the best practices for building a great web app.

MoneyPipe is a PWA(Progressive web app) - which means you can install it on your device - mobile or desktop.
It will allow you a better user experience, as well as a native app like experience.

How to install:
https://support.google.com/chrome/answer/9658361?hl=en&co=GENIE.Platform%3DAndroid

On ios - enter the app from safari, click the share button and click "Add to Home Screen"

• React.js
• Redux
• TypeScript (Both client and server)
• Sass
• Node.js
• Express.js
• MongoDB
• JWT
• PWA

Start with cloning this repo on your local machine:

git clone https://github.com/RazAbk/MoneyPipe.git
cd MoneyPipe

Run 2 terminals for both Client and Server:

cd frontend

cd backend

Install the project's dependencies on each directory:

npm install

To run the Client run:

npm start

To run the Server run:

npm run dev

Check out the initial design I've made with figma:
https://www.figma.com/file/Ox36b9FvEGqqYOzAwyL2XJ/Finance-App?node-id=0%3A1