ROCK, PAPER, SCISSORS GAME APP

This is a solution to the Rock, Paper, Scissors challenge on Frontend Mentor.

Table of contents

• ROCK, PAPER, SCISSORS GAME APP
  • Table of contents
  • Overview
    • The challenge
    • Screenshots
    • Mobile 375px
    • Mobile 430px
    • Laptop 15"
    • Desktop WideScreen 1521px
    • Link
  • My process
    • Built with
    • State
  • 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

Screenshots

Mobile 375px

\

Mobile 430px

\

Laptop 15"

\

Desktop WideScreen 1521px

Link

• Live Site URL: Here

My process

Built with

• React - JS library
• Tailwind
• Typescript
• Mobile-first workflow

State

Global state is managed with ContextApi (v1), Redux (v2) and Zustand (v3). The 3 versions are managed in different branches, using the latest version (Zustand) in the main. The idea of ​​managing the states in 3 different ways is to practice how each one is managed

Author

• Linkedin - Gonzalo