https://github.com/samantha-ruth/budget-tracker

Keep track of your finances, on and off line. PWA built using Google Lighthouse audits, service worker, indexedDB, and manifest.
https://github.com/samantha-ruth/budget-tracker

lighthouse-audits manifest offline progressive-web-app pwa service-worker

Last synced: 7 days ago
JSON representation

Keep track of your finances, on and off line. PWA built using Google Lighthouse audits, service worker, indexedDB, and manifest.

• Host: GitHub
• URL: https://github.com/samantha-ruth/budget-tracker
• Owner: Samantha-Ruth
• Created: 2022-08-18T03:16:46.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2023-05-16T20:11:28.000Z (about 3 years ago)
• Last Synced: 2025-02-28T16:33:58.742Z (over 1 year ago)
• Topics: lighthouse-audits, manifest, offline, progressive-web-app, pwa, service-worker
• Language: JavaScript
• Homepage: https://budget-tracker-five-vert.vercel.app
• Size: 121 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Budget-Tracker

## Description

The goal of this app was to create a PWA that behaved like an app and maintained functionality with and without an internet connection. A user can enter deposits and withdrawls and the app will track these transactions even when the interenet connection is spotty. 

This project helped me understand what PWA's are and how they maintain functionality without an internet connection.  I learned how to audit my project using Google Lighthouse, and how to create a service worker (that intercepts fetch requests) from scratch, how to utitlize indexedDB for offline functionality, and how to generate a manifest. 

![Budget Tracker](https://user-images.githubusercontent.com/64170123/187012953-fe9fe7f6-559c-4c9b-855a-2bbda5ecfb12.jpg)

## Table of Contents

* [Installation](#installation)

* [Usage](#usage)

* [Links](#links)

* [Questions](#questions)

## Installation

When the user natigates to the deployed project, they should be able to obtain all functionality and view it on their mobile device. 

## Usage

When the user navigates to the deployed product, they should be able to enter their deposits and withdrawls and have the graph mimic their actions on their phone or other device, whether or not the internet is connected.  The user will have to connect to the app using the internet the first time, but after this, their transactions will be recorded by the Service Worker and Cache APIs and pushed to the internet when they regain service.

## Links

Link to deployed project: https://budget-tracker-five-vert.vercel.app/

The url of the Git repository is here:  https://github.com/Samantha-Ruth/Budget-Tracker

## Questions

If you have any questions about the repo, open an issue or you can find more of my work at (https://gitHub.com/Samantha-Ruth).