Table 11

Inspiration

I wanted to create a budget tracker to manage finances online.

What it does

Tracks the user's account on the capital one api. When purchases are made, money is deducted from the capital one account and when there is not enough money available in the account, checkout buttons are disabled. However, the user can temporarily disable the checkout button disabling in order to make an emergency purchase.

How I built it

I used the capital one api to store consumer data and then used a chrome extension built with javascript/jquery/html/css to carry out the intended functions.

Challenges I ran into

The capital one api only serves their content over HTTP, and since amazon needed to be served over HTTPS, the insecure resource could not be fetched from the secure context. Thus, created a nginx proxy from my Arch Linux server and domain to the capital one api that was served over HTTPS.

Accomplishments that I'm proud of

  • Figuring out how to correctly proxy the api from my server.
  • Adding the temporarily disable button that uses chrome.storage.sync to save data that would be synced across chrome on all the user's devices.

What I learned

  • How to build a chrome extension
  • How to use the nessie api
  • How to proxy a HTTP resource through a HTTPS server

What's next for Centsible

  • Adding more site support other than just amazon.com and newegg.com
  • Adding more settings
Share this project:
×

Updates