Math Competition App

Start Page
Select Grade

Inspiration

We wanted to make math fun, yet educative.

What it does

We have created an application to solve this problem. This application has a fun leveling system - when a student answers a math question correctly, they go up a level. This incentives kids to get the question correct to try to get to a the highest level they possibly can! And with each question they get correctly, they also receive a few points! This makes math educational, yet fun at the same time. The application starts on a homepage, waiting for the user to click start. The user is brought to a new page where they can choose what level of math they would like to do - 1st-12th grade. Subsequently, the user is asked to answer a math question for that level of math they chose. If they get the question correct, they go up a level, if they get the question wrong, they lose and are prompted to return to the homescreen where they can play again. The user will also gets more points for every question they answer correctly. These points will be saved in the localStorage, meaning that their points will remain the same even if they close the tab or refresh the page. This gives an incentive for students to answer questions correctly to earn more points!

How we built it

This project was created using three programming languages, HTML, CSS, and JavaScript. We also used VSCode, GitHub, and Glitch to run and test our code.

Challenges we ran into

One challenge we faced was choosing our coding apps. At last, we decided to use a few different coding apps: Github, Glitch, and VSCode. We could put the code into each of the three programs and improve on it, since everyone was familiar with a different program.We also had challenges using GitHub. We were at first unable to collaborate efficiently on a project together, but as the Hackathon went on, we overcame the problem and quickly learned how to use it. For example, how to add collaborators, what pull requests are, etc. We also faced difficulty agreeing on what our project should be about and what kind of project we should make, so we solved that problem by voting. Coding the game to keep track of the user’s XP/points was also difficult (Local Storage). We kept getting errors and bugs.

Accomplishments that we're proud of

We are proud we make a functional website within 3 days. We are also proud of the fact that we were able to implement local storage to make a point system.

What we learned

Some of us learned HTML, some learned CSS, some learned JavaScript, some learned how to use Github.

What's next for Math Competition App

As expected, we were not able to finish everything we desired to create in our application. After this hackathon is over, some of our plans on further developing our application is as follows: We will add more types of problems - it is evident that students will soon master the types of problems given in our program, meaning we have to give them new problems to further challenge them. Secondly, we also plan to further develop the point/xp system. Yes, the system already provides a lot of incentive to get math questions correct, but we plan to add a shop where students can buy collectables using their points. We plan to also add more customization for the user’s game. Such as background image, avatars, etc.