Brief

In this project, we're going to create a computer keyboard.

You can use as many (or as few) tools, libraries, and frameworks as you'd like. If you're trying to learn something new, this would be a great way to push yourself.

Users should be able to:

• See the computer keyboard centered on the page

• A random letter will start to jiggle.

• The user should type the same key that's jiggling and it will stop.

• A new, random key will start jiggling

Need some support on this challenge? Join the Learn Build Teach Discord community. We have a separate channel set up specifically for the Advent of CSS.

Taking your Project to the Next Level

• Use a framework or a library like Tailwind CSS, Styled Components, or CSS Modules. Or, if you're feeling particularly adventurous, try writing everything in Vanilla CSS.

FAQs

• Can I use libraries/frameworks on these projects? 

  • Of course! We're providing the design files, but you can use whatever tools and frameworks you'd like.

• Oh no! I'm stuck! 

  • Check out the Learn Build Teach Discord. We have a specific channel set up, just for the Advent of JavaScript.

• Can I use this project in my portfolio? 

  • Sure! But, be honest about the work that you did