This simple web application allows users to play an infinite game of rock paper scissors against a computer opponent. I created this game as part of my journey through The Odin Project, a self-guided curriculum aimed to teach the fundamentals of web development. Users select their play, either rock, paper, or scissors. Then, the computer opponent selects a random play of their own, and the results are revealed. These results are kept track of under the game board until the page is refreshed. This project highlights my abilities in basic HTML/CSS, Javascript, and Git.
I am proud of this project specifically because it is able to highlight the importance of good user experience design when creating engaging content. Initially, I struggled with the creation of this web app because it wasn’t really fun to play. I was able to write all the Javascript for the game to be functional, but it felt like a tech demo instead of a real game. When users would select their choice for the game, the results were shown to them instantly, removing all the anticipation from the game that makes its real-life counterpart so engaging. To fix this, I decided to delay the results for a bit, adding the short animation that plays out like a real-life game and makes the result much more satisfying.
While the technical skills learned through the creation of this project are clear, I also learned a lot about the iterative design process, the importance of good UX design, and the self-motivation needed to make this product as good as it can be. These skills are all very important in any design field such as front-end web design or graphic design, but they can be used in any field to communicate ideas concisely and engagingly, which is important anywhere.