manraj29/expensetracker_skolers

Personal Expense Tracker using JS and HTML

Expense Tracker by Skolers

Problem statement:

Create a web-based personal finance tracker using Javascript, HTML and CSS. The application should allow users to add, edit and delete income and expense transactions and display the current balance. Use GitHub Copilot to guide you in implementing features, handling user input and designing a responsive user interface.

---

Overview:

With the help of this project, you can effortlessly track and manage your personal costs. You are able to utilize this tool to add transactions and keep track of your earnings and expenditures. Additionally, it offers a graphical picture of your monthly totals for costs and income.

---

Architectural diagram:

---

Features:

1. Add transactions: Easily add your income and expenses by providing relevant details such as date, category, amount, and description.
2. Track expenses: Keep a comprehensive record of your expenses and income to gain insights into your spending habits.
3. Monthly overview: View a graphical breakdown of your monthly total spending and income to better understand your spending and earning tendencies.
4. User-friendly interface: The cost tracker has a simple, intuitive design that makes it simple to use and navigate.

---

Technologies Used:

• HTML5
• CSS3
• JavaScript

---

Outputs:

• When user goes to the website, it displays the income and expenses of previous months as a graph and current month's expenses in a detailed manner

  

• To add transactions, we select the 'Add Transaction' option from menu and fill the form

  

• Add transaction form

  

• Adding a transaction

  

• Adding another transaction

  

• Checking transaction history

  

• Dashboard updated

  

---

How Github Co-pilot helped us:

GitHub Copilot proved to be an invaluable companion throughout our project. It played a significant role in simplifying our coding process by offering intelligent suggestions for repetitive code segments. For instance, when we needed to make minor modifications to similar lines of code, Copilot quickly provided us with the necessary code snippets, saving us a considerable amount of time and enabling us to meet our project deadlines effortlessly.

One remarkable advantage of Copilot was its seamless integration with popular libraries such as SweetAlert2 and Google Charts. Even when our familiarity with these libraries was limited, Copilot guided us through the integration process effortlessly.

Overall, Copilot exceeded our expectations as a generative tool. Its remarkable capabilities allowed us to create our web app seamlessly. We are truly impressed by the value it brought to our project.