Typing Fast Game
Intro
A game developed using JavaScript and bundled with webpack, designed to help you become more familiar with the computer keyboard.
Tech Stack
- Javascript
- CSS
- Webpack
Details
After stepping away from web development to focus on day trading, I had forgotten much of what I knew about programming. Upon my return, I decided to revisit the basics by building apps using only vanilla JavaScript (and, of course, CSS) – no other tools or libraries. I started with some small projects on CodePen, such as a counting game and a todo list.
Then, I gained more confidence and decided to build a more complex app, which is this one. However, I still used only vanilla JavaScript. I wanted to ensure a solid grasp of the fundamentals before considering any frameworks or libraries. However, as the complexity of my new app increased, I realized the need for Webpack to bundle my program and organize it into separate modules.
Working on this app, especially manipulating the DOM, adding, removing, and updating HTML elements, and manually adjusting their styles, gave me a newfound appreciation for frameworks like React. Nevertheless, it was a valuable learning experience.
The game itself is fairly straightforward. Blocks of letters fall from the sky, and your goal is to type the corresponding letters on your keyboard to destroy them before they hit the ground. As you accumulate more experience points, the blocks fall faster, adding to the challenge.
