You are browsing as a guest. Sign up (or log in) to start making projects!

Star Calculator

By @Lauren_hackalicious

  • 3 Devlogs
  • 2 Total hours

I am making a second version of my original MyMelody Calculator. I made that project 3 months ago, right before spring break. I had beginner-level knowledge of CSS and HTML so this project will demonstrate my progress in both languages.

Ship #1

@Lauren_hackalicious on Star Calculator

I made a calculator right before the 2026 spring break cycle at my school. When creating that calculator, I followed a step-by-step tutorial. I did all the coloring myself, but that felt more like a test run.

I was thinking of many ways to display my new abilities in CSS, and thought, "Why not make a version 2 of my first calculator?" I built this from scratch and applied everything I learned in the past 3 months. I feel great about this project since it only took ~2 hours, and it's something I can tell people I made on my own.

I will admit I did fork the JavaScript code because I haven't set aside time to learn the language, but maybe version 3 could be me creating a calculator without forking from a previous project. I also used GitHub Copilot to figure out how to place the display section of the calculator next to the Kirby PNG.

  • 3 devlogs
  • 2h
Try project → See source code →
Open comments for this post

@Lauren_hackalicious on Star Calculator

43m 49s logged

web-calculator v2 is COMPLETE.

I polished the buttons and gave them some color. I embedded a Kirby PNG, similar to my first iteration. I added a button click sound :) I hope you all enjoy testing out and using this calculator

@Lauren_hackalicious

web-calculator v2 is COMPLETE.

I polished the buttons and gave them some color. I embedded a Kirby PNG, similar to my first iteration. I added a button click sound :) I hope you all enjoy testing out and using this calculator

Replying to @Lauren_hackalicious
0
2
Open comments for this post

@Lauren_hackalicious on Star Calculator

1h 9m 36s logged

I got all the buttons to work using JavaScript and have begun working on styling ideas! Compared to my first iteration, I’ve definitely improved my CSS styling. Link to my first calculator: https://example0d1n.github.io/calculator/

@Lauren_hackalicious

I got all the buttons to work using JavaScript and have begun working on styling ideas! Compared to my first iteration, I’ve definitely improved my CSS styling. Link to my first calculator: https://example0d1n.github.io/calculator/

Replying to @Lauren_hackalicious
0
1
Open comments for this post

@Lauren_hackalicious on Star Calculator

22m 26s logged

I’m making a Kirby-star themed calculator! This is an upgrade from my first “mymelody” calculator from 3 months ago. I just added the buttons, and I’m currently working on making them work in JavaScript.

@Lauren_hackalicious

I’m making a Kirby-star themed calculator! This is an upgrade from my first “mymelody” calculator from 3 months ago. I just added the buttons, and I’m currently working on making them work in JavaScript.

Replying to @Lauren_hackalicious
1
2

Followers

Loading…