GithubHelp home page GithubHelp logo

lemming97 / budget_tracker Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 172 KB

19. Progressive Web Applications (PWA) Challenge: Budget Tracker

License: MIT License

JavaScript 83.90% CSS 4.58% HTML 11.52%
express-js javascript node-js mongoose compression morgan

budget_tracker's Introduction

Budget_Tracker

  1. Progressive Web Applications (PWA) Challenge: Budget Tracker

Description

The purpose is to update an existing 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. If the user enters transactions offline, the total should be updated when they're brought back online. Once you’ve made these changes, you’ll deploy the application to Heroku.

Table of Contents

Installation

  1. Clone the repository from GitHub
  2. Install node.js
  3. Install MongoDB
  4. Run npm install to install dependencies.
  5. Dependencies include Express.js for routing, a MongoDB database, Morgan, and Compression.
  6. Run npm start to start the web server and connect

This package assumes there is a MongoDB server running on localhost:27017. If your server is running somewhere else, you can edit server.js to reflect that.

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 

Acceptance Criteria

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

Screenshots

Screen Shot 2022-08-03 at 12 33 08 AM

Link

Click Here

Usage

Gives users a fast and easy way to track their money, but allows them to access that information at any time is even more important.

budget_tracker's People

Contributors

lemming97 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.