Frontend Mentor - Rock, Paper, Scissors solution

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.

Table of contents

• Frontend Mentor - Rock, Paper, Scissors solution
  • Table of contents
  • Overview
    • The challenge
    • Screenshot
    • Links
  • My process
    • Built with
  • Author

Overview

The challenge

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)

Screenshot

Links

• Solution URL: https://www.frontendmentor.io/challenges/rock-paper-scissors-game-pTgwgvgH/hub/rock-paper-scissors-game-vue3-tailwind-css-vite-BkowzhJvc
• Live Site URL: https://ap2soft.github.io/frontend-mentor-rps-game/

My process

Built with

• ViteJs - Next Generation Frontend Tooling
• Tailwind CSS - A utility-first CSS framework
• Vue3 - The Progressive JavaScript Framework
• Mobile-first workflow

Author

• Website - Andrew
• Twitter - @andreich1980