Code Monkey home page Code Monkey logo

rh9891 / thestingytraveler Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 9.5 MB

A budget application that utilizes indexedDB, cached files, service workers, and a web app manifest to deliver a web experience with native-like capabilities and reliability. Application also utilizes Express routing, Mongoose, NodeJS, and ChartJS.

Home Page: https://the-stingy-traveler.herokuapp.com

JavaScript 75.29% HTML 14.64% CSS 10.07%
indexeddb service-workers webmanifest express mongoose node chartjs progressive-web-app

thestingytraveler's Introduction

The Stingy Traveler

NPM Version Badge

Table of Contents

Description

If you've found yourself midway through your tropical vacation, strapped for cash, and wondering where the heck your money went, then The Stingy Traveler is here to help. The Stingy Traveler is a budget application that helps the frequent traveler keep track of their spending. It not only helps you figure out where your money is going - as it gives you the ability to input your expenses and gains - but it will make you conscious of your remaining budget, so that you can thoroughly enjoy your vacation. The Stingy Traveler adds dynamism to the existing budget tracking application by allowing for offline access and functionality, so that the user can add expenses and deposits to their budget regardless of their connectivity. When entering transactions offline, the user can populate the total when brought back online.

This progressive web application uses indexedDB, cached files, service workers, and a web app manifest to render an application that is capable of delivering a web experience with native-like capabilities and reliability, despite the lack of connectivity. The application was built using Express routing, Mongoose, NodeJS, and ChartJS.

User Story

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

Features of the Application

GIVEN a user is on a budget application 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.   

Preview of The Stingy Traveler

The Stingy Traveler Homepage

The following animation demonstrates the service worker and the application functionality with and without an internet connection:

The Stingy Traveler Preview

To download the above video file of the application functionality, you may do so here.

Links

  1. Deployed Application

  2. Github Repository

Installation

The application requires the following dependencies and/or package managers:

$ npm install compression dotenv express lite-server mongoose morgan

Usage

The application can be initiated by inputting node server.js into the command line interface and running the application on localhost: 3000.

License

This application does not currently have any licenses.

The user is not permitted to use, modify, or share any parts of it. Though the code for this application is hosted on Github, where you are allowed to view and fork the code, this does not imply that the user is permitted to use, modify, or share the contents of this application for any purpose.

Contributing

If you would like to contribute to this repository, please contact me via Github.

Questions

If you have any questions, comments, or issues regarding this application, please do not hesitate to contact me via Github.

thestingytraveler's People

Contributors

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