Mortgage Quest

Main Form
Boss Fight

Inspiration

We were bored by the prototypical mortgage calculator, so we decided to make things more interesting.

What it Does

Our project is Mortgage Quest, a mortgage calculator that makes every mortgage calculation an adventure. It is a web application that visualizes each mortgage payment the user makes as a 'boss fight'. The boss fight changes dynamically based on the inputs given in the form. The boss fight does not interfere with the calculation, so you can calculate mortgage payments just as easily as you would on a regular mortgage calculator.

How we Built It

We read the values of the form, and dynamically change the values of the boss fight, such as the boss, the player's attack speed, and the damage being dealt. We calculate the payments needed using a mortgage formula, and the values used for that are again dynamically taken from the form input. All of this is done using React.

Challenges we Ran Into

Since some of us were beginners with web development, we ran into some trouble with unexpected bugs. Also, we had some trouble figuring out how the inputted values would be used in the mortgage formula. However, with some research and debugging, we managed to figure everything out.

Accomplishments that We are Proud Of

We were able to effectively collaborate and learn new techniques despite the hackathon being online.

What we Learned

We learned about front end web development and deployment.

What's next for Mortgage Quest

Mortgage Quest could be implemented into a bank's mobile/web app used for mortgage calculations to make the experience more fun and less mundane for end users (we are talking to you RBC please listen to us d>:) ).

Video demo

https://www.youtube.com/watch?v=4R-k8faY1ck&feature=emb_title

Built With

Submitted to

Hack Western 7

Created by

I worked on the animations of the project using React and CSS. For my first ever hackathon, I'd say I did a pretty good job.

Mike Li
I came up with the idea for the project. I helped implement various UI elements for the website, and was responsible for its layout/styling

Jasper Leung
I worked on the design, web deployment, and various elements such as the sliders and calculations. It was my first web development project, which was intimidating, however I was able to effectively apply my previous coding experiences and resolve significant pain points for the team.

Alvin Chan
I am a third-year Computer Engineering student at York University. I am actively seeking new opportunities to work on interesting projects.
I worked on the react components, the context, and some of the styling!

Matthew Paulin

Updates

Jasper Leung started this project — Nov 22, 2020 06:54 AM EST

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.