Financier

• 

  Home Screen Code

• 

  Background CSS Code

• 

  Interest Calculator Code Part 1

• 

  Interest Calculator Code Part 2

• 

  Interest Calculator Code Part 3

• 

  Interest Calculator Code Part 4

• 

  Budget Planner Code Part 1

• 

  Budget Planner Code Part 2

• 

  Budget Planner Code Part 3

• 

  Budget Planner Code Part 4

• 

  Budget Planner Code Part 5

Inspiration

As girls interested in coding, we wanted to help empower women through this hackathon, while also tackling the problem of people overspending money and to help reduce debt.

Categories

We made a project to compete in the finance, Qoom, and beginner tracks.

What it does

Our project helps people spend and save their money wisely by taking in their salary and computing a budget plan based on the needs their age group has and if they are supporting only themselves or a family. We have also included an interest calculator to show people how their money will grow in a bank to help them choose which interest plan is best for them. To help users visualize the data we are presenting, we have included a pie chart showing how money is budgeted according to our plan, and a line chart to show how money in the bank will grow over time.

How we built it

To build our product, we used the platform Qoom to make our project on, and learned and used HTML, Javascript, and CSS to code our project together. Through hours of research on our topic and how to code, we learnt more about these coding languages to make the best product we could offer.

Challenges we ran into

Challenges which we ran into were that there were features which we wanted to include in our product, but neither of us had the extensive coding knowledge needed to code it. To overcome this challenge, we researched and learnt ways to overcome our various hurdles, and learned how to accomplish what we wanted to do, such as including graphs and charts in our product.

Accomplishments that we're proud of

One thing we are very happy that we got working was that we were able to learn how to include Google charts into our product. We ran into many roadblocks and issues trying to get these graphs to work, from figuring out how to load the graph to finding out how to add data to it. Through our perseverance we were finally able to get these charts working to better our product.

What we learned

We learned how to code using HTML, Javascript, and CSS, and how to connect all these coding languages together to make a fully functional website and clean-looking website.

What's next for Financier

In the future, we plan to include more features to improve Financier and to make it more personalized. One thing we wish to add would be a feature that allows people to adjust one or more categories on where to use money, if there was ma need for more or less money in those categories, and automatically once the changes were made the rest of the categories would be adjusted. We also planned to include informational pages with tips and advice from financial professionals and advisors on how to wisely spend and save money.

Built With

• css
• html
• javascript
• qoom