rock-paper-scissors - Live Preview

About

This project is part of TheOdinProject curriculum. The curriculum had two parts for this game. The first part was about getting the game to work with no UI, and the second part about adding UI. Therefore, the branch no-ui contains the code for the first part. Most of the code found in that branch has been rewritten.

I've made a Figma mockup that I used as a starting point, but it was adjusted while coding. The color palette was choosen with a tool that generates colors, and the images were manipulated using Inkscape (extracting each image from .eps and rotating them).

Features

fully playable with keyboard only
custom player name
stunning animations for the winner =)

Technologies used

HTML5
CSS3
JavaScript

Tools used

git
Figma
Inkscape
coolors.co

Flowchart

Image

Credits

'royce nicdao' from vecteezy for the images