MyMath

MyMath homepage
An example of a problem page (geometry)
Another example of a problem page (algebra)
Getting an answer correct
Another example of a problem page (geometry)
Another example of a problem page (addition)

Inspiration

Our inspiration for this project was to create a tool for students to get educational help, regardless of any barriers that would traditionally keep them from getting help. We think that access to quality educational tools should be standard for all students, and with MyMath, we created a web app that allows any student to practice and improve their math skills.

What it does

MyMath generates an endless amount of math questions for certain topics in mathematics that a student may need help with. These include addition, subtraction, multiplication, division, algebra and geometry questions. All the student needs to do is select a category, and they can do as many practice problems as they like. For each answer they submit, they get feedback and know if it is correct or incorrect, such that they can improve on their mistakes.

How I built it

We built this using Flask, which is a Python framework that allowed us to use Python in the back-end of the project, and use HTML and CSS in the front end of the project. We used Bootstrap to help style our website, and built the rest of the functionality from the ground up using Python to handle all of the generating questions and checking answers, and HTML/CSS to show the questions and make the website look clean.

Challenges I ran into

This was our first time using Flask, so it was initially a bit challenging to get started with the whole project. We were not too sure where to start or how to approach building the project, but after we discussed a potential workflow and began to chip away at some of the core elements of the project, we began to overcome this challenge.

Accomplishments that I'm proud of

My team and I are very proud of completing this project. Due to our initial challenges understanding Flask, we were unsure of how the project would turn out, but after working through the problems, we are very happy with how the project ended up and really proud that we were able to finish.

What I learned

We learned a lot about how Flask works, from starting a project, how to make the front-end and back-end work together, how to deploy a project and much more. Additionally, we learned that there is a lot of ground to cover when it comes to helping all students have access to quality learning tools.

What's next for MyMath

Our future plans are to continue to build on our foundation and offer even more categories and questions for students to practice. We focused mainly on elementary to medium difficulty math for our project, but we hope to expand into categories such as calculus, linear algebra and statistics in the future.

Built With

Submitted to

Garuda Hacks 2020

Created by

I designed the different thumbnails for each of the subjects on the home page using Procreate on my iPad Pro. I helped as well with the ideas such which topics to put into each subject.

Jennifer Nguyen
I did most of the back-end development for the project. I used Python to write the algorithms that generate math problems, and handled the routing to different pages. I made sure that the problems created were fair and solvable, and then also made sure that the front-end was able to communicate with the back-end by making it easy to display each question's information. I also helped with deciding on some of the core design elements for the front-end.

Matthew Grosman
Third year at the University of California, Irvine pursuing a degree in Computer Science
I worked a lot on the front-end for the application, using HTML and Bootstrap together to design the perfect layout and framework to represent the results of the back-end algorithms. I helped start up the project and organized the Flask files for modular development too. I also contributed to some of the models and ideas that were used in the Python back-end as well.

Steven Juana