Progressive Budget Tracker

Table of Contents

• User Story

• Business Context

• Acceptance Criteria

• Technologies Used

• Usage

• Preview

• Deployed Link

• Questions

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

Business Context

Giving users a fast and easy way to track their money is important, but allowing them to access that information anytime is even more important. Having offline functionality is paramount to our applications success.

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.

Technologies Used

Languages: Node.js, HTML, CSS

Databases: Robo 3T, MongoDB Atlas

Dependencies: Mongoose, Express, Morgan

Version Control: GitHub

Cloud Platform: Heroku

Usage

To install necessary dependencies, run the following command:

npm install

To add dummy data, run the following command:

npm run seed

To see the app functionality, run the following command:

npm start

Follow these instructions to install a PWA for your specific smartphone OS:

• iOs:

  • 1. Navigate to https://budget-tracker-bc.herokuapp.com/ with Safari.
  • 2. Tap the Share button in Safari.
  • 3. Tap the icon labeled Add to Home Screen.
  • 4. Tap Add in the upper-right corner.
  • 5. Name your PWA, then tap Add in the upper-right corner.

• Android:

  • 1. Navigate to https://budget-tracker-bc.herokuapp.com/ with Chrome.
  • 2. Tap the menu button in the upper right corner of Chrome.
  • 3. Tap the icon labeled Add to Home Screen.
  • 4. Name your PWA, then tap Add below the promp.

Preview

---

---

Deployed Link

Questions

If you have any questions about the repo, open issue or contact me directly at anjalikevadiya5@gmail.com. You can find more of my work at AnjaliKevadiya.