Advanced Calculator

Inspiration:

Often times, in math class, when you use a calculator, you wish that your calculator can do more than it actually does. Yes, it may do some neat calculations and save some time, but often in classes such as geometry, you wish your calculator could display formulas instead of you having to go and google them or look in a textbook. We were inspired to make this calculator a real thing through a website.

What it does:

The function of this calculator is to do what a calculator does and much more. It makes simple calculations and has the power to display formulas. We have coded a calculator which when you type in a command in the textbox or input, (an example of a command may be /a o triangle which could stand for area of a triangle) the page will alert you and give you the formula which is stored somewhere in the code.

How we built it:

We built our calculator through the languages of JS, HTML, and CSS. With the HTML, we created our title and other things like our calculator and the buttons and things like that. With the CSS, we created the styles of things such as our background color and added some style to our buttons. Finally, we used JS to make the calculator interactive. We had the buttons, when clicked, display something or input numbers into our calculator.

Challenges we faced:

We planned on integrating some python code that we had already made into our HTML front-end, however, we soon found out that it wasn't possible, and we'd have to create the program from scratch within javascript. Also, on our HTML front-end, we noticed that the formatting was inconsistent between our different instances, so we had to get to work to fix that.

Accomplishments that we're proud of:

We are proud of working together as a team especially when it's our first time entering a hackathon. We are proud of learning new languages and creating ideas that work.

What we learned:

Throughout this hackathon, our team learned a few different things. First, in HTML, we learned how to use the grid system thanks to one of the mentors. This helped us organize our buttons and make them look proper throughout our calculator. Another thing that we learned about was more about JS. The whole team wasn't the best at JS at the beginning but throughout the weekend, we watched some videos and got some help and improved our JS skills.

What's next for Advanced Calculator:

Unfortunately, we were not able to finish our project. Although, if we had more time to work on the project, we would make more tweaks to our project in the HTML and CSS to maybe make the website look a little nicer. Also, adding instructions to the project would help our users use it. We also would need to finish the command system and make the buttons function more than they currently do