According to various studies, it has been proven that Canadian women have lower financial literacy scores than men, and are less likely to have confidence in their financial skills. We are told that men are supposed to be the breadwinners of the household and in charge of the money, but this fact is definitely untrue in 2021, where everyone deserves an equal education. From these stats, we can see how important it is to be introduced to financial concepts early, especially for young girls.

What it does

This is why we created Funance. Funance is a fun, interactive learning web-based game designed for young girls to learn all about personal finance. This equips them with the necessary financial literacy skills they need to save early and spend wisely.

How we built it

We built Funance using React.js and bootstrap. First, we added the react-router and made individual pages and routes to those pages. Then, we added a navigation bar component that allows us to have easy access to those webpages. We continued building onto Funance by creating react components that suited our needs, and combining them on the lessons pages. Finally, we worked together on the UI of the website to make it user friendly and aesthetic.

Challenges we ran into

As a team of mostly business and marketing majors with zero to limited exposure to coding, this hackathon was definitely a new and challenging experience for all of us. It was our first time coding in Javascript, HTML, and CSS, and our first time experiencing the React framework. There were many challenges such as trying to figure out how to use Javascript to do actions on buttons, and how to make html appear and disappear. As well, it was most of our first times using GitHub for version control, and there was a learning curve to it.

Accomplishments that I'm proud of

Since this was our first time working with javascript, HTML, and CSS, we are proud of having been able to create our first project in these languages and to complete our first hackathon! It took a lot of research in the beginning and the help of the mentors available to us, but we managed to create a product that we are all proud of.

What we learned

We learned how to use react-bootstrap as a library and how to implement that into our code. We also learned how to use github, since most of our team did not have coding experience. Most of us also used npm and node for the first time and familiarized ourselves with how package management worked. The mentors that helped us were extremely patient in explaining javascript concepts to us, as well as how our code worked.

What's next for FUNance

In terms of future steps, we would like to implement additional interactive stages and fun popup modules to teach users about other important financial concepts such as the importance of keeping an emergency fund, student loans, investments, and beyond. Our mission is to promote financial literacy in a future generation of young adults, and FUNance is our fun solution to financial education in a kid-friendly format.

Share this project: