CS Calculator

Logo
Home Screen

Inspiration

As college students studying Computer Science, we are always working on projects or labs that have decimals, binaries, hexadecimals, and other values and converting these values by hand can become difficult when larger values are involved. Therefore, this situation has inspired us to create a CS Calculator as an educational resource that can calculate these values in order to facilitate the conversion process in big projects.

What it does

The CS Calculator is a conversion calculator that can convert between decimals, binaries, hexadecimals, and octals. In addition, the calculator can convert any base to whichever type of value desired. The CS Calculator also provides binary conversions to MIPS (R-format, J-format, and I-format).

How we built it

Our team created the website using HTML and CSS to build and style our project. Each function has a dedicated HTML page to showcase the calculator and its features. Using Pyscript, we were able to embed our Python programs into the website, allowing for any input through the website to connect with our coded programs in order to compute the answer. After coding all these files through Visual Studio Code, we transferred it all to our host website, Replit, to showcase our published project.

Challenges we ran into

With CitroHacks being our very first Hackathon, our team is still very new to the CS field. A major challenge that we ran into was not knowing enough about how to start a project without any instructions. Not only that, some of us on the team were still in the progress of learning Python. To resolve, our team set aside time to do further research from how to code a website to how to embed Python into our website. Despite all the new material, we were able to learn more about many different topics through hands-on experience with HTML, CSS, Python, and Pyscript.

Accomplishments that we're proud of

We are proud of how our website turned out and all of our efforts that we put into our first Hackathon project and website. In addition to taking the first step by joining our very first Hackathon, we were able to take a lot of first steps into many different coding languages and software within a short period of time.

What we learned

Through this project, our team is able to expand our knowledge in the CS field from learning new languages to using new software. Being our first Hackathon, we were also able to learn about all the effort and hard work that goes on during the event as we worked in a team.