Pocket

Visualize personal finance.

Live Demo

Why build this app?

• To create an app that we can personally use.
• To incorporate additional features tailored to personal preference, inspired by other expense tracking app such as Mint.

How to get start

• Run following commend to install Express server dependencies:

npm i

• Then run following commend to install React dependencies:

cd client 

npm i

• Go back to root folder

cd ..

How to setup Express server

• Create .env in project root and setup following:

DB_HOST=localhost
DB_PORT=5432
DB_NAME=name of your database

How to start local environment

• Start local server

npm run start

• Start local front-end

npm run dev

How to deploy to Heroku with Git

• Make sure Heroku CLI is installed.
• Run

heroku create

git push heroku master

• If on non-master branch, then run:

git push heroku branchname:master

• Check this guide for more details.

How to add Postgresql to Heroku

• Follow steps in "How to deploy heroku"
• Run following to install Postgresql addons with free price tier:

heroku addons:create heroku-postgresql:hobby-dev

• Database on Heroku is defaulted to DATABASE.
• Run following to push local database into Heroku Postgresql

heroku pg:push localdatabase DATABASE/HEROKU_DATABASE_NAME

• Check this guide for more details.

Built With

• Reactstrap - React Bootstrap components.
• React Chart.js - For charts.
• Axios - API Calls.
• Express - NodeJS library.
• create-react-app - React Starter Pack.
• Heroku - Deployment platform and documentations

Upcoming Features

• User Authentication Login
• Summary filter for month and year with search function

Authors

• Carson Chen (https://github.com/carsoncychen)
• Nian Liu (https://github.com/nianliu18)

Acknowledgments

• Hat tip to anyone who's code was used
• Inspiration
• etc