10 JavaScript Projects in 1 Hour - Coding Challenge

Florin Pop - Sep 15 '20 - - Dev Community

TL;DR: I completed a Coding Challenge in which I created: 10 JavaScript Projects in 1 Hour, all while being live on Twitch.

You can find the recording on YouTube below:

If you like this type of content, don't forget to give it a like πŸ‘ and subscribe. It will help a lot! Thank you! πŸ™


This is the follow-up challenge after I completed the 10 JavaScript Projects in 10 Hours Coding Challenge a week before.

After the success of the previous challenge I wanted to try something even crazier and as I mentioned at the end of the previous article, 10 Projects in 1 Hour sounded liked a good challenge.

So as usual, I planned out the project I wanted to create, I hit the "Stream" and "Record" buttons on my stream deck and... GO! πŸ”₯

Here is the list of Projects I ended up coding:

  • Hamburger Button & Hidden Menu
  • Toast Notification
  • Auto Write Text
  • Popup / Modal
  • Purple Heart Rain
  • Background Changer
  • Dark Mode Toggle
  • Image Carousel
  • Sound Board
  • Zoom effect

The code is on GitHub and the projects are live here.

As you can see, the projects aren't very sophisticated and they can't really be as I only had 6 minutes on average per project. That's not a lot of time πŸ˜….

The good thing was that I created a "Base Project" which had the HTML, CSS and JavaScript files ready and connected so I only had to focus on actually writing the code for the projects.

Also, knowing some keyboard shortcuts was definitely very helpful.

I ended up finishing the 10 projects in about 54 minutes. I could have tried to do another project, but I didn't... 10 projects would do in an hour, right? πŸ˜†

Looking back at it, the Sound Board project took to longest to finish (almost 8 minutes) but I have to say that the most fun to build was the Purple Heart Rain. I πŸ’œ Purple! πŸ’œ (If you follow me on Twitter you might already know that πŸ˜†).

All in all was a fun challenge. I could say that it was more intense than the previous one but at the same time, faster to complete so at the end it evens it out.

Next up in line: 10 Websites - Design to HTML/CSS, all in one go.

I'll keep you posted on how that goes!

Feel free to join on Twitch if you want to see the live action!

Thank you for reading! I hope you find it inspiring and that you'll also try this challenge one day and you'll have as much fun as I did!

Happy Coding! πŸ˜‡

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Terabox Video Player