FINTRACK AN EXPENSE TRACKING SITE
Website Link
https://microsoft-copilot-hackathon-finance-tracker.vercel.app/
Contributors: E-mail: Dipanjana Dasgupta dasguptadipanjana704@gmail.com Kashish Agrawal kashishagrawal883@gmail.com Richa Roy richaroydps@gmail.com Siddhi Agarkar siddhiagarkar1203@gmail.com
The project, that our team has selected is JavaScript - Personal Finance Tracker.
It has been made using HTML, CSS and JavaScript.
The site consists of different sections and pages that are interrelated.
For making this website, GitHub Copilot has proven to be a great asset for us.
We have also used different Microsoft technologies for completing this project.
Importance of expense trackerstrong>
1.Financial Awareness: Expense tracking apps provide a clear and detailed picture of our spending habits. This awareness helps us make informed decisions, identify unnecessary expenses, and find areas where we can save money.
2.Budgeting and Financial Planning: Expense tracking apps make it easier to create and maintain budgets. With accurate records of your income and expenses, we can set realistic financial goals, allocate funds to different categories, and track your progress over time.
3.Expense Control: Tracking your expenses through an app allows us to identify patterns and trends in our spending behavior. We can analyze our expenditure by category, date, or note, enabling us to identify areas where we might be overspending.
4.Financial Security: We can quickly spot any fraudulent or unauthorized transactions. Many expense tracking apps offer features such as real-time notifications, transaction alerts, and the ability to link your accounts securely.
5.Saving and Investment Opportunities: Provide insights into our financial health and help us identify areas where we can save more. With a clear view of our expenses, we can allocate funds toward savings and investment goals, such as an emergency fund, retirement planning, or other long-term objectives.
Goals and objectives
A user-friendly interface where user can track his daily/monthly income or expenditures.
The active balance sheet that the user can edit anytime.
A to-do list where person can add his desired goals of investments, if any.
The primary goal of this project is to balance the daily expenditures of the person for the better future.
Other features:
We have a implemented a currency converter, from INR to USD.
We have search feature in our expense and income history.
By different methods:
1. Date
2. Category
3. Amount
4. Note
There is option where user can download the history of his/her expense in PDF form.
We have different pie charts in different sections for more clear and depth data
visualisation.
HTML
HTML is essential for building the user interface of a project. It allows us to
define the layout, structure,and visual elements of the application. Using HTML
we created forms, input fields, buttons, dropdown menus,and other UI components
needed to collect user input and facilitate interactions.
CSS
CSS allows us to style various HTML elements and create visually appealing designs.
We implemented responsive design techniques to ensure our project looks and functions
well across different devices and screen sizes. It allows us to customize the project's
design, create engaging user interfaces, and convey a professional image.
JavaScript
JavaScript enables us to capture user input from forms and perform validation before
submitting data. We dynamically generate and update content on the website. It is used
to implement filtering functionalities. We represent expense categories through pie charts.
It provides access to the browser's local storage, which allows us to store data on the user's device.
Use of GitHub Copilot
GitHub Copilot is an AI-powered code completion tool developed by GitHub and OpenAI.
1. Efficient Code Writing: Copilot analyzes the context and suggests relevant code snippets,
reducing the need for manual typing and saving time.
2. Boilerplate Generation: Copilot provides us the initial code structures, including basic
HTML layout, CSS styles, and JavaScript event handling, reducing repetitive manual setup.
3. Code Refactoring : When working on an existing HTML, CSS, or JavaScript codebase, Copilot
identify redundant or inefficient code patterns and propose more optimized alternatives.
4. Developer Productivity: By assisting with code completion and offering intelligent suggestions,
Copilot enhancesour(developer) productivity. It reduces the cognitive load associated with remembering
syntax details, and encourages faster code iteration and experimentation.
Division of the time:
Preparing the idea:
Formulate Clear Goals and Constraints.
Brainstorm Ideas and Select the Most Feasible Ones.
Conduct Research and Gather Information.
Create Prototypes and Mockups.
Refine and Validate Ideas through Feedback and Iteration.
Assign Roles and Responsibilities.
Implementation:
Break Down the Idea into Tasks and Milestones
Set Realistic Deadlines and Prioritize Activities
Agile Methodologies for Iterative Development
Foster Effective Communication and Collaboration within Teams
Build a Minimum Viable Product (MVP)
Conduct Frequent Testing and User Feedback Sessions. Iterate and Refine the Solution based on Feedback
Track Progress and Adapt as Needed
