Frontend Mentor - Rock, Paper, Scissors solution

This is my solution to the Rock, Paper, Scissors challenge on Frontend Mentor.

Table of Contents

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Overview

Screenshot

Links

Solution URL: Rock, Paper, Scissors solution

Live Site Url: Rock, Paper, Scissors live

My process

Built with

• HTML5 markup
• CSS custom properties
• Flexbox
• Javascript
• More Javascript

What I learned

This challenge helped me to develop my Javascript skills even more. The fact that I had to code scripts to calculate the machine's options, results, when to start the animations and where to place some elements makes me feel like I'm improving and have more control over what I do or don't with javascript.

Continued development

One thing I want to keep doing is coding using Javascript. I think it has a lot of power and control in web development and learning to code like a pro could be one of the things every web developer should know.

Useful resources

Animate.css - This library helped me add animations to elements and make the web a bit more dynamic.

Google Fonts - Where I get the fonts I will use, what else can I say?

Bootstrap icons - Icon library I use to add some icons throughout the web.

Author

• Frontend Mentor - @dan-ec05