B7Web challenge: 7 projects in 7 days

This 7 projects were designed by B7Web, whose made 7 video lessons for anyone to watch, creating different JavaScript projects and challenging everyone to create with them.

@bonieky was the host of the event, and all the HTML and CSS were pre-coded by him and some changes were made by me.

Projects :pencil2:

Each project was released in a different day, between July 19 and 25, 2021.

• Project 01: the first project is an interactive keyboard/drum system, where you can play 9 different drum parts with your keyboard and also set a composition to play, seting up as much keys as you want. 🥁

• Project 02: this project is a fully functional analog clock, working based on the current time of user's machine. The digital clock color changing system was an idea developed and implemented by me, and it was not in the original B7Web's project. 🕒

• Project 03: with OpenWeather's API assistance, this project brings the local weather for over 200,000 cities on the globe. The first version (from B7Web) had weather and wind information, and my upgrades brought a swiper interface with sunrise and sunset infos, as well as maximum and minimum temperatures for the day. 🌦️

• Project 04: the classic tic-tac-toe game, playable by two players and with a colorful interface system designed by me. I also added a blinking effect to the winner. The project contains not only the game table but also a board with X or O turn, the winner and a restart button. 🕹️

• Project 05: a simple project where you can draw with different colors on a canvas. Actually, the project seems simple but the code is kinda complex, where he tracks down the mouse position through JavaScript and adds several dots on the screen when the mouse is clicked, creating a continuous drawing. 🎨

• Project 06: for this one we got a quiz! All questions are shown on screen via JavaScript and, at the end, a board shows up your progress. In addition to other changes, I've created a background color effect on each question so you'll know if you got it right as soon as you answer. 📝

• Project 07: built entirely in JavaScript, this project let you drag boxes and drop them in a different box. This is a very useful function for many systems and is pretty simple to code it. ⬇️

This event was of great development of diverse knowledge in javascript, it made me know new features of the language, as well as new ways to solve problems.

I would like to thank B7Web and bonieky for the opportunity to participate on this challenge.

You can check all the working projects here