๐Ÿ’ธ 1st place at Hack The Job 2022 - A chrome extension that automatically tracks purchases and budgets, alerting users if they go over their spending limits and allowing them to download PDF reports.

Overview

image


๐Ÿ’ธ Won 1st place overall @ Hack the Job! ๐Ÿ’ธ

A browser extension for keeping on top of your finances. This project will keep track of the purchases you make online, and allow you to view charts and comprehensive reports to see how you spent your money. You can also set spending limits on a daily, weekly, and monthly basis and get notified if you overspend.

Installation

To download the latest release click here.

To install from the latest release, unzip the contents from spendy_build.zip into a folder. Then, from chrome://extensions/, enable developer mode and click the 'Load unpacked' button on the top left of the screen. From there, select the folder with the contents from the spendy_build.zip file. $pendy will now be installed on your browser and can be accessed by clicking its extension icon on the top right extension menu.

Instructions for developing/building $pendy locally:

git clone https://github.com/Harsh-Topi/spendy.git
cd spendy
npm install
npm run build

Note: if you are on Windows, you may need to use this command to build the extension instead:

npm run build-windows

How to use

This extension is easy to use and requires little setup. Simply install the extension and locate it under your browser's extensions to follow the initial setup instructions. You'll be asked to add your spending limits which are limits that you choose for yourself based on your spending habits to help you keep to a budget.

Once the initial setup is complete, you are good to go! Now when you purchase an item online, the chrome extension will keep track of it. On the home screen, you will see an overview of your recent spending as well as a list of all your purchases. The second page visualizes your spending and shows you how close you are to your limits. Here is where you can also change those limits if your spending habits change. On the final page, you can download pdf reports for different days, weeks, and months that you have purchased items.

If you purchase more then your set limit, you will get a desktop notification saying that you have spent over your limit.

You might also like...

PDF-to-TEXT using Rest7 API REACT-NATIVE

PDF-to-TEXT using Rest7 API REACT-NATIVE

PDF-to-TEXT-using-Rest7-API-REACT-NATIVE- I have made a Demo App to select PDF from documents and convert it into text than Display in ( component) us

Nov 22, 2022

๐Ÿ’š Yet another mutli purpose discord bot, allowing you to maintain and manage your discord server with ease.

Jade Jade is once again another mutli purpose bot, allowing you to maintain and manage your discord server with ease. Completely open source or use th

Sep 13, 2022

Ember.js addon allowing you to easily implement non-CRUD actions for your Ember Data models

@mainmatter/ember-api-actions This is an Ember.js addon allowing you to easily implement non-CRUD actions for your Ember Data models. Compatibility Em

Dec 15, 2022

This is a Chrome extension that aims to encourage accessibility awareness while using GitHub

This is a Chrome extension that aims to encourage accessibility awareness while using GitHub

github-a11y This is a Google Chrome extension that runs a simple JavaScript snippet on github.com domain and aims to encourage accessibility mindfulne

Jul 24, 2022

Capture a famous phrase, download it without hassle and share it with your friends. ๐ŸŽ‰

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Mar 8, 2022

An application to help in the automatic booking of COVID vaccination slots in India whenever they become available.

An application to help in the automatic booking of COVID vaccination slots in India whenever they become available.

Co-WIN automated slot booking Automatically book vaccine slots as and when they become available This application aims to automatically book vaccine s

Nov 23, 2022

Keep count of your income and expenses all in a single place!

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Dec 4, 2022

Get all the Hackathons in one place!

Get all the Hackathons in one place!

Find Hacks An easy way to find hackathons Technologies Used React.js Flask Heroku Firebase This is an open source project, feel free to contribute. Fo

Sep 8, 2021

A React-fullstack platform to track all cryptocurrency in one place.

A React-fullstack platform to track all cryptocurrency in one place.

A React-fullstack platform to track all cryptocurrency in one place. Create your account and add your favorite coins.

Oct 10, 2022
Comments
  • FIX - Id parsing to be unique, combining order id and product id

    FIX - Id parsing to be unique, combining order id and product id

    New id for shopify orders: E.g ("885d0c3edbbed715d830734edada010b/7520359678187"). Fix one off error if DOM fetching ever fails to correctly return

    opened by HyrumGG 1
  • FEATURE - Added spending report pdf export feature

    FEATURE - Added spending report pdf export feature

    Week example: works cross monthly/yearly (yes this week example is more than 7 days just to show the feature) image Day example: image Month example: image This also works if information is long enough to warrant additional pdf pages, it will add them.

    opened by EvanKilloran 0
  • FEATURE - Add shopify item parsing into chrome storage

    FEATURE - Add shopify item parsing into chrome storage

    Adds content script that gets injected into webpages after DOM is loaded, and checks for shopify checkout pages, pulling product data and uploading to chrome storage if on the page after purchase. (NOTE: Returning to the thank_you page again does not readd products to storage)

    opened by HyrumGG 0
  • UI FEATURES: Added limit bubbles and transaction history UI

    UI FEATURES: Added limit bubbles and transaction history UI

    This PR adds limit and transaction summaries on the main page. Currently, the transactions being shown are test transactions. Waiting on Shopify scraping and chrome api changes to load real data.

    Formatting for the elements in each transaction still need to be fixed but other than that, the component is functional.

    image

    TO DO:

    • Fix styling
    • Remove test objects and use real data
    opened by Harsh-Topi 0
Owner
Harsh Topiwala
UoG, Computer Science
Harsh Topiwala
A simple demo of React Lottie power to 1st Loggi Frontend Show & Tell

Loggi Frontend Show & Tell - Animaรงรตes com React Lottie A simple demo of React Lottie power to 1st Loggi Frontend Show & Tell This project was bootstr

Gabriel Barreto 2 Aug 4, 2022
Chrome-extension-react-boilerplate - Simple Chrome extension React boilerplate.

Simple Chrome extension React boilerplate This is a simple chrome extension boilerplate made in React to use as a default structure for your future pr

Younes 6 May 25, 2022
A hotel reservation app displays all the existing hotels and details of each hotel, allowing the user to reserve the hotel they want.

Reservify A hotel reservation app displays all the existing hotels and details of each hotel, allowing the user to reserve the hotel they want. Allows

David Vergaray 9 Oct 6, 2022
A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles.

A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles. If you're tired of fighting some other developer's CSS and DOM structure, this carousel is for you.

Vladimir Bezrukov 1 Dec 24, 2021
A URL shortener that has zero limits for all your needs

?? GunRecoil A URL shortener that has zero limits for all your needs Demo Link GunRecoil Screenshots Features FREE Unlimited url shortening Roadmap De

null 9 Oct 1, 2022
This application allows you to create a list to keep tracks of the books you are reading and check the progress for each book.

Bookstore This is an application built to track the books you are reading and the progress you have made for each book! Additional description about t

Santiago Velosa 4 Feb 27, 2022
Web application that tracks the covid-19 statistics in Chile and its regions.

Covid 19 Monitor Web page that shows the covid statistics of the country of Chile, all the confirmed cases, the deaths and also the daily statistics.

David Vergaray 6 Mar 17, 2022
A full-stack application for junior developers to find jobs that match their skill-level, find gigs in order to boost their resume, and showcase a portfolio.

Junior is a full-stack web application that was created to facilitate junior developers in finding jobs that match their skill-level, boosting their resume through finding and completing gigs, and providing a way to easily showcase a portfolio

Karolina 5 Oct 25, 2022
To eleventy and beyond! The all-in-one tool for templates where you want them, component frameworks where you need them ๐Ÿš€

Slinkity ?? This project is heavily under construction! ?? As excited as you may be, we don't recommend this early alpha for production use. Still, gi

Benjamin Holmes 398 Dec 27, 2022
๐Ÿ“„ Create PDF files using React

React renderer for creating PDF files on the browser and server Lost? This package is used to create PDFs using React. If you wish to display existing

Diego Muracciole 11.6k Jan 7, 2023