CodePath WEB103 Final Project
Designed and developed by: [Ayushi Porwal, Justin Bradshaw, Anh Nguyen]
🔗 Link to deployed app:
BudgetBuddy helps users manage personal finances by tracking income, expenses, and savings goals. Users can plan budgets, categorize expenses, and visualize financial reports, ensuring better money management and meeting financial goals.
Inspired by the challenges of maintaining a personal budget, we created this app to simplify tracking finances and to promote responsible spending habits.
Frontend: React, Bootstrap
Backend: Express.js, PostgreSQL, Node.js
[Secure authentication system that allows users to register accounts and log in to manage personal budgets.]
[gif goes here]
[Feature enabling users to add, edit, and delete income and expenses, with real-time budget updates.]
[gif goes here]
[Categorize expenses into predefined or custom categories for better tracking and analysis.]
[gif goes here]
[ADDITIONAL FEATURES GO HERE - ADD ALL FEATURES HERE IN THE FORMAT ABOVE; you will check these off and add gifs as you complete them]
[Allows users to set and monitor savings goals with progress tracking.]
[gif goes here]
[A visual dashboard showing total income, expenses, remaining budget, and categorized breakdowns.]
[gif goes here]
[Filter and sort expenses by category, date, or amount for detailed insights.]
[gif goes here]
[Automatically generated reports with charts showing spending trends over time.]
[gif goes here]
[Feature for securely backing up financial data to the cloud and restoring it when needed.]
[gif goes here]
[Secure account creation and login system.] [Password hashing and validation for security.]
[gif goes here]
[PostgreSQL database schema for users, transactions, and categories.] [Relationships: one-to-many (users to transactions) and many-to-many (categories to transactions).]
[gif goes here]
[RESTful API with endpoints for user management, income and expense tracking.] [Implement GET, POST, PATCH, and DELETE methods with proper naming conventions.]
[gif goes here]
[React-based user interface with components for dashboards and forms.] [Dynamic routes using React Router for navigation.]
[gif goes here]
[Visual representation of total income, expenses, and remaining budget.] [Data visualization libraries (e.g., Chart.js) for displaying financial trends.]
[gif goes here]
[Implement user notifications for budget limits via email or in-app alerts.]
[gif goes here]
[Functionality for adding, editing, categorizing, and deleting expenses.] [Sorting and filtering options for detailed analysis.]
[gif goes here]
[Monthly and yearly reports with visual charts showing trends.]
[gif goes here]
[Integration with cloud services for secure data storage and backup.]
[gif goes here]
Use of unit and integration tests for backend and frontend. Deployment on Railway with CI/CD pipeline for automatic updates.
[Clone the repository: git clone https://github.com/ayushiporwal13/web103_finalproject.git] [Install dependencies: npm install] [Run the app: npm start]