sqrt

An educational math learning resource for all ages

Comment

Inspiration

Our team chose to go with the education theme. We all know how hard it is to find helpful math websites. There are so many resources out there, and that makes it difficult to find the right one. We decided to build a math website that includes math resources for all ages. With sqrt, you can easily access a variety of sources and tools all in one place.

What it does

Our site has lots of information for all ages. We have calculators, quizzes, and additional resources for learning. Each age range has its own set of information specifically made for the math topics covered in those grades. We even have an image to math calculator where you can take a photo of your problem and we solve it for you.

How we built it

We built our site using HTML CSS and vanilla JavaScript. Our website has a total of 16 pages. We used a couple of different style-sheets depending on the type of page we were creating. We also used some external libraries such as tesseract.js for the image to math calculator.

Challenges we ran into

Getting the image-to-math calculator to work took a while to set up properly, but we ended up finishing it. It isn't perfectly accurate, but we let the user edit the text before it is calculated. Formatting all the pages to be consistent also took a while, but it became easier to code when the site was linked together.

Accomplishments that we're proud of

We are proud of the design of our webpage. The theme is consistent across all pages, and it all links together nicely. We are also proud of the image-to-math calculator because it can calculate almost any arithmetic equation. In addition, we are proud of our advanced derivative calculator.

What we learned

Our whole team gained more knowledge on web development. We also became more familiar with JavaScript and its syntax. We also learned a lot from the workshops. The Web Dev 101 & GitHub workshops refreshed the group’s knowledge of the topics that we implemented into our hack. We also learned about non-coding-related information like how to land internships and how to use our hackathon projects for that purpose. Then, we learned about the efficient Docker and the popular React framework Next.js. Unfortunately, we weren’t able to implement them into our project.

What's next for sqrt

Making an app version of this phone and adding better mobile compatibility is what we would like to work on next. Students use their phones often, and it would make sqrt more accessible. Working with new technologies that implement ML or AI would further improve our platform, and adding more quizzes and information on specific topics is also on our to-do list.

Built With

Share this project:

Updates