The Self-Budgeting Tool is a comprehensive web application designed to empower users with complete control over their finances. Track income, expenses, recurring and fixed costs, savings, loans, and more in one intuitive interface. Make informed decisions and achieve your financial goals with ease.
- Seamlessly record and categorize your daily income and expenses for an apparent financial health overview.
- Easily set up and monitor your recurring payments and fixed costs, ensuring you never miss a payment.
- Set savings goals and track your progress, helping you prioritize and manage your finances to reach your objectives.
- Keep track of your loans, interest rates, and repayment schedules in one place to stay on top of your debts.
- Generate detailed reports and insights into your financial habits, aiding in better decision-making and planning.
Frontend: Vue.js
Vue.js is a progressive JavaScript framework used to build more maintainable and testable code bases.
Backend: Flask
Flask is a lightweight WSGI web application framework. It is designed to make getting started quick and easy, with the ability to scale up to complex applications. Flask is described as a microframework for Python, based on Werkzeug, Jinja 2, and good intentions.
Database: MySQL
MySQL is the world's most popular open-source database. With its proven performance, reliability, and ease-of-use, MySQL has become the leading database choice for web-based applications.
Frontend Interaction: Users engage with the Self-Budgeting Tool through a Vue.js-based frontend. This framework facilitates a dynamic and responsive user interface, allowing users to effortlessly manage their finances, track their expenses, and set savings goals. The intuitive design ensures that users can easily navigate through different financial tools and features offered by the application.
Backend Communication: When users perform actions such as recording expenses, setting up savings goals, or managing loans, these actions trigger requests to the backend, which is powered by Flask. Flask's lightweight and efficient nature allows for the quick and effective handling of these requests, ensuring a smooth operational flow within the application.
Database Interactions: All financial data, including income records, expenses, savings goals, and loan information, is stored and managed in a MySQL database. This ensures reliable data storage and retrieval, supporting the core functionalities of the Self-Budgeting Tool.
Caching and Performance Optimization: While not specified in the initial setup, implementing caching with tools such as Redis could significantly enhance the application's performance. It would be particularly beneficial for quickly accessing frequently used data, such as monthly expense summaries or savings progress reports.
Response Handling: After the backend processes a request, including data storage, updates, or retrieval, it generates a response that is sent back to the frontend via the middleware. The Vue.js application then updates the user interface accordingly, reflecting the new or modified data. This ensures that users have real-time access to their financial information, contributing to a seamless and efficient user experience.
- Docker
Run locally:
git clone https://github.com/devzero-inc/self-budgeting-tool.git
cd self-budgeting-tool
docker compose upApp will be running on PORT:4173 -> http://localhost:4173/
Now just go to http://localhost:4173/ and explore the application.