💲💲💲 Code Institute Hackathon 💲💲💲

💲💲💲 Budget Busters: New Year, New Numbers 💲💲💲

Submission - EconoMate

Deployment

The project is deployed and can be accessed at https://alfreda93.github.io/EconoMate/.

Criteria

In this section, we will briefly discuss how our team addressed the applicable criteria:

• 💲 The project has a creative design that enhances user experience
• 💲 The project is finance related and has a real-world use case
• 💲 The project is Responsive and accessible on different screen sizes
• 💲 The project is well-planned using GitHub Projects
• 💲 The project has a well-documented README based on the provided template.

About Submission

Intro

The EconoMate is a personal finance management app designed and developed as part of the Code Institute Hackathon activity for January 2024. It is a fun and engaging way for users to develop and interact with their financial budget. The application also provides currency converter and budget advisory features to users.

Goal

The EconoMate was developed to encourage the positive but often overlooked practice of financial planning and budgeting. It addresses the following aspects:

• ➡️ Problem Statement

  • In today's fast-paced world, managing personal finances often takes a backseat, leading to financial stress and insecurity.

  The EconoMate is designed to address the gap in an easy-to-use and engaging financial planning tool that caters to both beginners and seasoned budgeters.

• ➡️ Objective(s)

  • To provide an intuitive and user-friendly platform for budgeting and personal financial management.
  • To promote budget awareness by visualizing the user's budget allocations.
  • To offer a budgeting solution that caters to the most common financial goals.
  • To integrate real-time budget data analysis for informed decision-making.
  • To enable users to stay abreast with forex through an in-built currency converter.
  • To provide budget advice to users depending on the budget allocation they provide.

• ➡️ Target Audience

  The app targets a wide audience range, including:

  • young adults starting their financial journey,
  • families looking to manage household budgets, and
  • professionals seeking an efficient way to analyze their spending and savings.

• ➡️ Features

  These are the features of the EconoMate app:

  • Currency converter
  • Budget amount entry box
  • Budget definition toggles
  • Budget distribution
  • Budget advisor
  • Footer with details of the EconoMate Team

• ➡️ Benefits

  • Simplifies the process of tracking income and expenses.
  • Encourages financial responsibility and discipline.
  • Provides insightful analytics for better financial decision-making.
  • Enhances user understanding of financial planning through interactive interface.
  • Offers targeted advise based on a user's budget allocation.

Tech

The EconoMate application uses the following technology stack and dependencies:

• Git and GitHub
• VS Code
• HTML5
• CSS3
• JavaScript
• ZingChart
• FontAwesome

How it works

1. Enter your starting budget number
2. Adjust the sliders to allocate and lock in the budget
3. Ensure the remaining budget number is allocated
4. Review the pie chart report and confirm that your budget is perfect
5. Select the Show Advice button for expert opinion on your budget allocation
6. Always keep an eye on the Forex using the Currency Converter

Future enhancements

In subsequent iterations of the EconoMate, users will be enabled to:

• Create new categories for their budget allocation
• Add expenses against budget allocation to track them in real-time

License

This project is issued under the MIT License

Credits

Below are the sources used:

• Pie Chart:- https://www.zingchart.com/docs/getting-started/your-first-javascript-chart#cdn-link
• Toggles:- https://www.w3schools.com/howto/howto_js_rangeslider.asp
• Colorblind pallete:- https://cran.r-project.org/web/packages/khroma/vignettes/tol.html
• API JS:- https://www.freecodecamp.org/news/make-api-calls-in-javascript/
• Exchange Rates API:- https://exchangeratesapi.io/