Devlog #4

Sharing!

Hii!
Fortunately making the sharing option wasn’t too hard. I thought of different ideas and the one I liked more was to capture the lifetime stats using html-to-image which lets you “screenshot” an element of your Website and create a picture of it.
In my case I just had to create an outer div that contained the Stats div and then just made a PNG when the Share button is clicked.

Also, I added sounds for button, just a minor touch.

I think I am actually shipping this project. I don’t want to make it too complicated or bloated with unrelated or useless stuff. Also because this was just to practice JavaScript a little more

Byee!! :)

Devlog #3

Hardcore mode ☠️

Hii! Quick devlog.
I just finished adding the hardcore mode, when enabling this, if you make any mistake your session ends, so you must have 100% accuracy to go through all the words.

Also I added a little indicator to show which buttons are selected.

Today I will do other stuff maybe, like the stats sharing!

Thanks for reading! Byeee :D

Devlog #2

More Stats, and Dark Mode 🌙

Hi hi! I managed to add some smaller features:

• Accuracy, this will display both your lifetime accuracy between all typing sessions, and for the current one.
• Dark Mode, added a little button that lets you switch between dark and light mode.
• Streak, I still need to test and polish this but it should do the job for now, just complete one typing session each day and it goes up.
• Timer buttons, this was by far the easiest to add, just made some buttons like for the words selection but for time, so you can challenge yourself with less time or be more relaxed with more time.

In the next days I will try to add buttons to change the amount of words generated for each section (quotes excluded) and maybe add a hardcore mode where with one mistake you end the session. Also wanted to add the possibility to like share lifetime stats, but only if it’s not too hard to do.

Thanks for reading <3
Byeee!

Devlog #1

Typing game!

Hello!! In the last few days I’ve been very inactive but today I decided to come back with a small and simple project just to keep my JavaScript skills and not lose all the progress I made in the last weeks.
Soo I decided to make this… It’s a simple typing game, just like MonkeyType. You choose a category of words and you just type. The time limit is 35 seconds and in that time you either finish all the words or type as much as you can. At the top you will find the lifetime stats, so the average WPM which is calculated among all rounds, while at the bottom once you finish a round you will see the stats regarding that single session.

Some features I will most likely add are accuracy, custom words and time amount and lastly interface sounds, like typing and clicking!

Byeee!!