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

context-api javascript react styled-components

Last synced: 9 days ago
JSON representation

Host: GitHub
URL: https://github.com/chara0511/rock-paper-scissors
Owner: chara0511
Created: 2020-09-05T04:20:39.000Z (about 4 years ago)
Default Branch: master
Last Pushed: 2020-11-24T23:07:44.000Z (almost 4 years ago)
Last Synced: 2024-09-11T20:19:52.677Z (2 months ago)
Topics: context-api, javascript, react, styled-components
Language: JavaScript
Homepage: https://rock-paper-scissors-nine-chi.vercel.app/
Size: 4.08 MB
Stars: 3
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

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.