Code Monkey home page Code Monkey logo

every-dollar-counts's Introduction

every-dollar-counts

Web optimization using IndexedDB & Webpack

This application allows you to track your expenses online and offline. You are able to add expenses and deposit into your budget. When entering the transaction when your app is offline, the transaction will show that it has been added when you're back online.

The application app is linked here: every-dollar-counts

Technologies

Technologies used in this app are:

  • IndexedDB: Offline transaction storage
  • webpack: Module bundling and minification
  • wepback-pwa-manifest: Webpack plug-in for generating manfiest.json for PWAs (npm package)
  • babel-loader: Javascript transcompiler to convert ES6 JS into backwards compatible JS (npm package)
  • compression: Compression for middleware responses (npm package)
  • MongoDB: Persistent database storage
  • Mongoose: ODM modeling
  • Express: Middleware routing
  • NodeJS: Javascript runtime environment
  • Heroku: Hosting

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.

Offline Functionality:

  • Enter deposits offline

  • Enter expenses offline

When brought back online:

  • Offline entries should be added to tracker.

images of App

image

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.

Contributing

Contributions are always welcomed. Submit a pull request for me to review at anytime.

Contact

Have a question? you can contact me here Github

every-dollar-counts's People

Contributors

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