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

• Overview
  • The challenge
  • Screenshot
• My process
  • Built with
• Author

Note: Delete this note and update the table of contents based on what sections you keep.

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
• Bonus: Play Rock, Paper, Scissors, Lizard, Spock against the computer

Screenshot

Home page - Selection mode

Classic game view

Advanced game view

Classic Game - Rule display

Advanced Game - Rule display

Result Display

Links

• Solution URL: GitHub Code Preview
• Live Site URL: Play to the game ^^

My process

Built with

• Vue.JS
• SASS - CSS Preprocessor
• Flexbox
• Desktop App only

Author

• Website - Loïc MAES
• Frontend Mentor - @loicmaes
• Twitter - @LoicServices
• Instagram - @loicmaes.services
• ✉ Email - contact@services.maesloic.fr
• 📞 Phone - +33 (0)3 88 31 53 86