Utiliy Tools Website

I finished the Spin the wheel.
The logic itself wasnt too bad, but handeling with multipleclicks i didnt get that at first. If you clicked the “Turn” button while the wheel was already spinning, the animations would stack, the timer would go crazy, and the wheel would just glitch out.

I had to completely clean up the animation loop. (with ai troubleshooting) Now, every single time you hit that button, it instantly cancels the previous requestAnimationFrame and starts new again.

Once the wheel was done, I built two more tools. A Local Time clock and a World Time dashboard. While building them, I learned much… I used to write way too much code formatting dates and strings manually. Then I found out JavaScript has a built-in code for this:

document.getElementById(‘live-uhr’).textContent = now.toLocaleTimeString();

I dont even know how I didnt know about this..
Though, I do now…

This is gonna be a big devlog, since i forgot to make one in between. I added two new features and i am currently working on the next one.

1. Coinflip
   It is a minimalist coinflip feature where you just click a button and a animation comes which tells heads or tails. There was a Problem. At first when you would click throw multiple times while still in animation, the logic wouldnt work and the results from the first press of the button would come during the the animation of the (for example) fourth throw. To fix that i added

let isFlipping = false;
and
if (isFlipping) return; in the main function.

1. How many days till
   You put in a date and it calcualtes for you, how many days, hours and minutes it is till that date (00:00 time). The problem was with the time zones so i added:

const targetDate = new Date(targetDateInput.value + “T00 : 00 : 00); (dont wonder it would be without spaces between the zeors but it wont let me here in the devlog menu)

The third one will be a spin the wheel feature, where you can add your own names and it will pick one. Though, im currently struggeling with the java script…

so that the browser would always assume local time midnight!

Final homepage (probably). I finished how to topics will look in the grid and i am currently working on the first site “Random Number”. Its just an easy random number, where you pick the min and max number. The design of the element is nearly done and then im going to work on the java script for the Randomness :)

I made an update on the design. Initially, the background was too flahsy and the cards too dark, making it look weird. To fix this, I decided to go with a more simple and basic theme.
I think it looks way better as its more simple and basic.

I finished the basic design of the Website. I will keep tweaking with the colors of the background and the cards as they dont match that good yet. I tried many designs and also tried vertical but I noticed that when i categorize them, horizontal would work and look better.