Tundrian / Subscription-Tracker

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Cache-Bandit


Mission Statement

Track all your subsctiptions in one place with ease with Cache Bandit!



Description

Cache Bandit is an easy to use application where you can input all the details to any subscription services you are currently subscribed to, and see them all in one place.



User Story


  • WHEN you go to Cache bandit, THEN you are presented with a login page with the option to login or sign up.

  • WHEN you click the signup button, then you are redirected to a signup page with fields for username, email, and password.

  • WHEN you click the submit button on the signup page, you are redirected to the login page.

  • WHEN you enter your username and password and login, then you are redirected to the welcome page.

  • WHEN you are on the welcome page, THEN you are presented with a list of your subscriptions that are buttons that will allow you to see the individual subscription details, your displayed username, setting button, toggle theme button, add a subscription button, home button, and logout button.

  • WHEN you click the settings button, THEN you are presented with options to edit your username, email, password, and a button to install the webapp.

  • WHEN you click the add a subscription button, THEN you are redirected to the new subscription page.

  • WHEN you view the new subscription page, THEN you have the ability to enter a new subscription's name, start date, due date, billing cycle, auto-pay, auto-renew, payment method, cost, and description.

  • WHEN you click save in new subscription, THEN your new subscription is added to the database.

  • WHEN you click an individual subscription button, THEN you are presented with that subscription's name, monthly cost, annual cost, payment type, auto-pay and auto-renew information, and the option to edit or delete the subscription.

  • WHEN you click the edit button in new subscription, THEN a modal pops up, that allows you to edit the name, monthly cost, payment type, auto-pay and auto-renew options.

  • WHEN you click the delete button in edit subscription, THEN it removes your subscription from the database.

  • WHEN you look at the footer, THEN you are presented with a toggle button, home button, and logout button.

  • WHEN you click the toggle button, THEN the background shifts from light to dark.

  • WHEN the background is toggled, THEN that choice is saved in local storage, and it will stay the same upon page refresh.

  • WHEN the user clicks the logout button, THEN they are signed out.

  • WHEN the user clicks the home button, THEN they are redirected to the welcome page.


Future Development

The following features are slated for upcoming development - the actual order of implementation may vary from this list's order. If you would like to contribute or have an idea/modification, please contact the contributors of this application.

Better State Management --

Currently page reloads are used to force new database queries. Updating state management to reduce the need for page reloads

Better error messaging --

Currently there are no alerts for failed user validation either on creation or sign-in

Validate against duplicate usernames

Add logic to update due-dates --

Right now, "Due Date" is a static field, and we'd like for it to update dynamically monthly or annual depending on the style of subscription

Improved Dark Mode --

Dark mode currently effects some but not all elements

Sort By due Date on Welcome page and Only Show Upcoming Expenses --

Hide due dates that are >31 days in future

Budget Tips --

Utilize free API service to populate the user dashboard with randomized budgeting/financial advice



Screen Shots


Login Page

Home Page

Single Sub Page

Add Sub Page

Links:

Contributors:

About


Languages

Language:JavaScript 87.5%Language:CSS 10.0%Language:HTML 2.5%