Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chara0511/rock-paper-scissors


https://github.com/chara0511/rock-paper-scissors

context-api javascript react styled-components

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

        

# 👋 Welcome! 👋

![](https://img.shields.io/github/license/jcarlos0511/rock-paper-scissors?style=for-the-badge)
![](https://img.shields.io/github/stars/jcarlos0511/rock-paper-scissors?style=for-the-badge)
![](https://img.shields.io/github/forks/jcarlos0511/rock-paper-scissors?style=for-the-badge)

## Live Demo

https://rock-paper-scissors-nine-chi.vercel.app/ 🔥

## Steps to follow 📜

### 1. Fork it 🍴

You can get your own fork/copy of rock-paper-scissors-App by using the Fork button

### 2. Clone it 👥

You need to clone (download) it to local machine using

```
$ git clone https://github.com/Your_Username/rock-paper-scissors.git
```

This makes a local copy of repository in your machine.
Once you have cloned the rock-paper-scissors repository in Github, move to that folder first using change directory command on Linux, Windows and Mac.

```
$ cd rock-paper-scissors
```

This will change directory to a folder rock-paper-scissors

### 3. Run the following command to install all dependencies.

```
$ npm install
```

### 4. Ready Steady Go... 🐢 🐇

## 🎨 Preview

💻 Desktop version

![](public/images/desktop-preview.jpg)

📱 Mobile version

![](public/images/mobile-step-1.jpg)

![](public/images/mobile-step-2.jpg)

![](public/images/mobile-step-3.jpg)

![](public/images/mobile-rules-modal.jpg)

## 👨‍💻 Technologies

1. HTML
2. CSS
3. Styled Components
4. Javascript
5. React
6. Context API

[Frontend Mentor](https://www.frontendmentor.io) challenges allow you to improve your skills in a real-life workflow.

This challenge is completely free. Please share it with anyone who will find it useful for practice.