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