This is a solution to the Rock, Paper, Scissors challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the game depending on their device's screen size
- Play Rock, Paper, Scissors against the computer
- Maintain the state of the score after refreshing the browser (optional)
- Bonus: Play Rock, Paper, Scissors, Lizard, Spock against the computer (optional)
index
win
lose
rules modal
-
Solution URL: https://www.frontendmentor.io/solutions/rockpaperscissors-game-with-tailwind-and-alpinejs-PyQTGGePn
-
Live Site URL: https://ahp-sooyaa.github.io/rock-paper-scissors-game/
Note: this is only looking good in mobile, not responsive for bigger screen right now.
- Semantic HTML5 markup
- Flexbox
- CSS Grid
- Mobile-first workflow
- Alpinejs - Your new, lightweight, JavaScript framework.
- TailwindCSS - Rapidly build modern websites without ever leaving your HTML
Later I will make this responsive for bigger screen.
- Website - Aung Htet Paing
- Frontend Mentor - @ahp-sooyaa
- Twitter - @aunghte23771311