Skip to content

apollomoon-ucf/Budget_Tracker_WebApp

Repository files navigation

Budget Tracker Web App w/Plaid API

For one of my summer projects, while learning full stack development, I will be building a budget tracking app using the Plaid API. This project is currently in the development phase, exciting updates coming soon! -Brian Moon

  • Update (12/2021) - Features to be released this month:
    • connection to MySQL database for saved user sessions
    • registration/login
    • user profiles
    • extended transaction history

Tech Used: Node.js, Express, Handlebars, Plaid API, Heroku, JavaScript, HTML, CSS, SQL

Link (currently in dev): https://budgettrackerdemo.herokuapp.com For testing, use the following credentials for Wells Fargo or Chase Bank. Username: user_good Password: pass_good

Budget Tracker Landing Page:

Budget_Tracker_LandingPage

Plaid Bank Account Link:

Budget_Tracker_PlaidConnect

Budget Page

(Displaying User's Budgeted Bank Information. Default desired budget goals are determined using the user's spending history; each budget goal can be modified to preview different budget scenarios. Within each category, transactions for current month's budget are available in a dropdown menu): Budget_Tracker_BudgetPageA Budget_Tracker_BudgetPageB

Transaction History Page

(quicksort data, search for transaction name, and select the number of displayed transaction months): Budget_Tracker_Transactions

Investments/Crypto Page

(quicksort data, search for transaction name, and select the number of displayed transaction months): Budget_Tracker_Investments

Account Page:

Budget_Tracker_Account

Budget Tracker Desktop Demo:

ezgif.com-gif-maker.mov

Mobile - Budget Tracker Landing Page:

Budget_Tracker_LandingPage_Mobile

Mobile - Plaid Link and Successful Connection:

Budget_Tracker_PlaidConnect_Mobile

Budget_Tracker_PlaidSuccess_Mobile

Mobile - Budget Page

(Displaying User's Budgeted Bank Information. Default desired budget goals are determined using the user's spending history; each budget goal can be modified to preview different budget scenarios. Within each category, transactions for current month's budget are available in a dropdown menu):

Budget_Tracker_BudgetPage_Mobile

Mobile - Transaction History Page

(quicksort data, search for transaction name, and select the number of displayed transaction months): Budget_Tracker_Transactions_Mobile

Mobile - Investments/Crypto Page

(quicksort data, search for transaction name, and select the number of displayed transaction months): Budget_Tracker_Investments_Mobile

Mobile - Account Page:

Budget_Tracker_Account_Mobile

About

Personal Summer Project - Node.js, Express, Handlebars, Plaid API, Heroku, JavaScript, HTML, CSS, MySQL

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors