QuickTrack

A full-stack application for people that want to build positive financial habits by tracking their expenses.

Technologies Used:

• React.js
• Webpack
• PostgreSQL
• Express.js
• JavaScript ES6
• HTML5
• CSS3

Live Demo:

Try the application live at https://quick-track-app.herokuapp.com/

Features:

• User can input a purchase.
• User can edit a purchase.
• User can delete a purchase.
• User can insert a past purchase.
• User can input a monthly budget.
• User can input a payment method.
• User can add a spending category.
• User can see a summary of their spending.
• User can see a graph of their spending.
• User can see a categorical breakdown of their spending

Strech Features:

• Custom Success or ERROR modal.
• User can add a password-verified account to login with.
• User can login with their personal account.
• User can see a breakdown of their spending by payment category.
• User can export a spending report as a .csv.
• User can attach a photo to an expense.
• User can scan a reciept to input an expense.

Getting Started:

1. In your terminal, switch to the directory in which you would like to place the repository.
2. Clone the repository.

git clone https://github.com/Quintin-Russell/quick-track.git

3. Enter into the repository.

cd quick-track

4. Install all dependencies.

npm install

5. Set up a .env file containing port numbers to assign to the dev port and the server port
6. Set up a postgresql database and add the database URL to the .env file:

https://www.postgresql.org/docs/9.0/tutorial-createdb.html

6. Start the postgresql server

sudo service postgresql start

7. Run the following command in the terminal.

npm run dev