JoelDore / progressive-budget

πŸ“ˆ PWA for accessing and updating budget information on or offline

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Budget PWA

PWA for accessing and updating budget information on or offline


Table of Contents

Features

  • Current total is displayed in green on top of page and changes to red if budget is exceeded (total is negative)
  • Add/subtract funds with click of a button
  • Transaction history is displayed in a table as well as a graph
  • Able to add transactions offline - any offline transactions are stored in browser's indexedDB & automatically posted to database once reconnected

Installation

  1. Download project by clicking Code button at the top of this repository, and open project directory in terminal.
  2. Install npm packages: express mongoose morgan compression
    npm i
    

Usage

Currently deployed with Heroku

  1. Begin by setting a total budget amount and hitting Add Funds

  2. Enter a name and dollar amount for a new transaction.

  3. Add or subtract amount using corresponding buttons.

  4. Transaction will be automatically populated in table and graph below.

    Demo

Download as an app on your mobile device

Android:

  1. Open https://jd-budget.herokuapp.com/ in Chrome
  2. Tap the three-dot button on the top right
  3. Select Add to Home Screen from the menu
  4. Customize the app name if desired
  5. Open the app that appeared on your home screen

iOS:

  1. Open https://jd-budget.herokuapp.com/ in Safari

  2. Tap the Share button in URL bar

  3. Select Add to Home Screen from the menu

  4. Customize the app name if desired

  5. Open the app that appeared on your home screen

    Demo

Technologies Used

Contributing

Contributions welcome!

  1. Fork this repository
  2. Create a new branch
  3. Commit/push your changes
  4. Create a new pull request

Future Scope

  • Incorporate login system
  • Webpack config

Questions

If you have any questions, feel free to create an Issue or contact me directly at dore.joel.dore@gmail.com

License

This project is MIT licensed.
Β© 2021 Joel Dore



email  github  linkedin  Buy Me A Coffee

About

πŸ“ˆ PWA for accessing and updating budget information on or offline

License:MIT License


Languages

Language:JavaScript 77.8%Language:HTML 16.5%Language:CSS 5.7%