Git Product home page Git Product logo

harsh-topi / spendy Goto Github PK

View Code? Open in Web Editor NEW
13.0 1.0 2.0 637 KB

๐Ÿ’ธ 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.

License: MIT License

HTML 3.32% CSS 21.00% JavaScript 75.68%
chrome-extension finance spending-tracker javascript react online-shopping

spendy's Introduction

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

Figma - https://www.figma.com/file/krRMSbAnuVKVt6oV2IVy3a/Untitled?node-id=0%3A1

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.

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.