Budget Tracker

User Story

AS AN avid traveler 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

Requirements

GIVEN a budget tracker without an internet connection WHEN the user inputs an expense or deposit THEN they will receive a notification that they have added an expense or deposit WHEN the user reestablishes an internet connection THEN the deposits or expenses added while they were offline are added to their transaction history and their totals are updated

Indexeddb steps

1. Open a database.✔️
2. Create an object store for future versions of database✔️
3. add eventlistener for changes to db that will save the database✔️
4. Create an object store in the database.✔️
5. Start a transaction and make a request to do some database operation, like adding or retrieving data.✔️
6. Wait for the operation to complete by listening to the right kind of DOM event.✔️
7. Do something with the results (which can be found on the request object).✔️

Service Worker

1. Install service worker✔️

2. activate service worker✔️

3. Fetch service worker✔️

PWA

1. Setup PWA Manifest✔️

Made by Salman Ghouse

• github

• deployed at Heroku

• Portfolio

• email

Tech

HTML, CSS, JS, MongoDb, Indexdb, PWA