Functionalities: Transaction Tracking: Record all your financial transactions across various accounts, including bank accounts, mobile money accounts, and cash.
Budget Control: Set a budget limit to avoid overspending. Once your spending exceeds the set budget, the application will notify you. The budget card will turn red to visually indicate this situation.
Categorization: Create Account categories to organize your expenses better. Assign budgets to specific categories to understand where your money is going.
Expense-Category Linking: Link expenses to related categories for better classification and analysis. This feature enhances the accuracy of your financial data.
Visual Summary: View your transactions' summarised visualisation with the progress bar.
- Blue progress signifies an Okay,
- Yellow means its on the average and
- Red means the budget limit has been exceeded
Here's a walkthrough of implemented features:
Technologies Used:
- Frontend: ReactJS
- Data and Storage: Local Storage/Context API
- Styling: CSS
Getting Started: You can use the live link https://spendtrackr.vercel.app/ or
- Clone this repository to your local machine.
- Navigate to the project directory and run
npm installto install the required dependencies. - Use
npm startto launch the application in your browser.
Usage:
- Monitor your various financial accounts by adding them to the application.
- Record incoming and outgoing transactions, specifying the budget account and the limits for the account
- Set a budget limit to monitor your spending.
- Analyze your financial data through the visual summary and reports.
Deployment: This web application can be deployed using platforms like Netlify, Vercel, or GitHub Pages. You can follow their documentation to learn how to deploy React applications.
Important Note: It's important to acknowledge that this application's current data storage mechanism relies on local storage. While adept for short-term development and swift iterations, local storage may not embody the robustness and scalability required for prolonged and extensive use
Deployment Link: https://spendtrackr.vercel.app/