wojtek0123 / rock-paper-scissors-lizard-spock-react

Frontend mentor challenge

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.

How to install on your local machine.

1. git clone https://github.com/wojtek0123/rock-paper-scissors-lizard-spock-react.git
2. cd rock-paper-scissors-lizard-spock-react
3. npm ci or npm i
4. npm run dev

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• 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, Lizard, Spock against the computer
• Maintain the state of the score after refreshing the browser

Screenshot

Links

• Solution URL: Solution URL here
• Live Site URL: Live site URL here

My process

Built with

• React
• TypeScript
• Eslint
• Semantic HTML5 markup
• Flexbox
• CSS Grid
• Mobile-first workflow

What I learned

• How to work and configure eslint
• vite is way more faster than react-create-app

Author

• Website - Wojtek
• Frontend Mentor - @wojtek0123