/pwa-budget-tracker

PWA (Progressive Web App) Budget Tracker that has online/offline functionality

Primary LanguageJavaScript

PWA Budget Tracker

License Badge Top Language

A Budget Tracker application that allows users to add expenses and deposits to their budget with or without a connection. When entering transactions offline, they should populate the total when brought back online.

Table of Contents

Installation

  1. Download or clone repository
  2. npm install to install the required npm packages to run

Usage

  • Application will be invoked by using the following command:

    node server.js

  • Open your browser and go to

    http://localhost:3000

  • User can add transactions as deposits or expenses by inputting the following:

    • Name of transaction
    • Transaction amount
    • For deposits - select Add Funds
    • For expenses - select Subtract Funds
  • The total amount is reflected as soon as funds are entered

  • The graph portrays the total funds over time by date entered for each transaction

    PWA Budget Tracker Screenshot

  • The app can be used online and offline

  • Offline Functionality:

    • Enter deposits offline
    • Enter expenses offline
  • When brought back online:

    • Offline entries should be added to tracker

Links

Features

  • Node
  • Express
  • JavaScript
  • MongoDB
  • Mongoose
  • Progressive Web Application

License

Licensed under the MIT license.