hilbug / 18-budget-tracker-pwa

A budget tracker progressive web app which allows for offline access and functionality

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Budget Tracker Progressive Web App

License: MIT

Description

A budget tracker progressive web app which allows for offline access and functionality. This app leverages IndexedDB so transactions are saved if there is no internet connection. Upon reconnection to the internet, the stored transactions are posted to MongoDB Atlas.

Deployed App

Check out Budget Tracker on Heroku!

App Preview

Budget Tracker

Technologies Used

  • HTML/CSS
  • IndexedDB
  • JavaScript
  • Express
  • Mongoose
  • Morgan
  • Compression
  • MongoDB Atlas
  • Heroku
  • Nodemon

Honorable Mentions

  • Starter code provided by Trilogy Ed.
  • Thanks to fellow classmates for their trouble-shooting assistance!

User Story

AS AN avid traveller
I WANT to be able to track my withdrawals and deposits with or without a data/internet connection
SO THAT my account balance is accurate when I am traveling

Acceptance Criteria

GIVEN a user is on Budget App without an internet connection
WHEN the user inputs a withdrawal or deposit
THEN that will be shown on the page, and added to their transaction history when their connection is back online.

Future Development

  • Allow a user to edit or remove transactions
  • Beautify the UI
  • Add individual login capability

About

A budget tracker progressive web app which allows for offline access and functionality

License:MIT License


Languages

Language:JavaScript 78.8%Language:HTML 15.2%Language:CSS 6.1%