JKLA13 / budget-tracker

A Budget Tracker application that allows for offline access and functionality. The user is able 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.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Budget Tracker - Offline/Online/PWA

Assignment Task

Build a Budget Tracker application to allow for offline access and functionality.

The user will be able 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.

Offline Functionality:

  • Enter deposits offline

  • Enter expenses offline

When brought back online:

  • Offline entries should be added to tracker.

User Story

  • 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.

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.


GIF Demo of App

-Screenshot1

Links

Tech Used

*Javascript *MongoDB *Mongoose *Node.js *IndexDB *VS Code *Git

Contributors

Jacob Adamson

Questions

Email me:
My Github: JKLA13
Questions? Email me: jakeladamson0@gmail.com

About

A Budget Tracker application that allows for offline access and functionality. The user is able 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.


Languages

Language:JavaScript 79.9%Language:HTML 14.9%Language:CSS 5.2%