https://github.com/porobertdev/rock-paper-scissors
Assignment from The Odin Project: https://www.theodinproject.com/lessons/foundations-rock-paper-scissors
https://github.com/porobertdev/rock-paper-scissors
100daysofcode css html javascript js rock-paper-scissors rock-paper-scissors-game theodinproject
Last synced: 2 months ago
JSON representation
Assignment from The Odin Project: https://www.theodinproject.com/lessons/foundations-rock-paper-scissors
- Host: GitHub
- URL: https://github.com/porobertdev/rock-paper-scissors
- Owner: porobertdev
- Created: 2023-07-21T16:06:57.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-18T12:34:31.000Z (almost 3 years ago)
- Last Synced: 2025-03-03T16:49:04.274Z (over 1 year ago)
- Topics: 100daysofcode, css, html, javascript, js, rock-paper-scissors, rock-paper-scissors-game, theodinproject
- Language: JavaScript
- Homepage: https://porobertdev.github.io/rock-paper-scissors/
- Size: 872 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# rock-paper-scissors - [Live Preview](https://porobertdev.github.io/rock-paper-scissors/)
## About
This project is part of [TheOdinProject](https://www.theodinproject.com/https://github.com/TheOdinProject) curriculum. The curriculum had two parts for this game. The [first part](https://www.theodinproject.com/lessons/foundations-rock-paper-scissorshttps:/) was about getting the game to work with no UI, and the [second part](https://www.theodinproject.com/lessons/foundations-revisiting-rock-paper-scissorshttps:/) 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](https://www.figma.com/file/nVuZEeINzjXhGcLBeipd7m/Rock-Paper-Scissors-Game?type=design&node-id=4%3A9&mode=design&t=x3wXvX6SX5hafbav-1https:/) 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](https://www.vecteezy.com/vector-art/3027816-rock-paper-scissors-hand-gesture) for the images