Finance Tracker

A full stack JavaScript application for people who want to keep track of their finances.

Technologies Used

• React.js
• Webpack
• Material UI
• Javascript
• Postgres
• HTML5
• CSS3
• Heroku
• Argon2
• JSON webtoken
• Express.js
• Babel

Live Demo

Try the application live at (https://income-expense-manager.herokuapp.com/)

Features

• Users can register for an account
• User can sign in
• User can sign out
• User can add an income
• User can add an expense
• User can see a breakdown of income and expenses

Stretch Features

• Users can see a monthly breakdown

Preview

Development

System Requirements

• Node.js 16 or higher
• NPM 6 or higher
• Postgres

Getting Started

1. Clone the repository.

   git clone (https://github.com/Dustin-Davis/Finance-Tracker.git)
   cd finance-tracker

2. Install all dependencies with NPM.

   npm install

3. Fill in the empty values of the .env.example file and copy it.

   cp .env.example .env

4. Start PostgreSQL.

   sudo service postgresql start

5. Create a database (make sure it matches .env.example)

   createdb (yourDatabaseName)

6. Import your database into Postgres.

   npm run db:import

7. Start the project. Once started you can view the application by opening http://localhost:3000 in your browser.

   npm run dev

8. View your database through Pgweb.

   pgweb --db=(yourDatabaseName)