Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/areisle/quarantined_wizzards
A family favourite game brought online to support social distancing!
https://github.com/areisle/quarantined_wizzards
cards covid-19 game react
Last synced: 9 days ago
JSON representation
A family favourite game brought online to support social distancing!
- Host: GitHub
- URL: https://github.com/areisle/quarantined_wizzards
- Owner: areisle
- License: mit
- Created: 2020-04-04T21:18:28.000Z (almost 5 years ago)
- Default Branch: development
- Last Pushed: 2022-02-10T22:00:40.000Z (almost 3 years ago)
- Last Synced: 2024-11-09T08:52:40.654Z (2 months ago)
- Topics: cards, covid-19, game, react
- Language: TypeScript
- Homepage: https://quarantined-wizzards.herokuapp.com/
- Size: 1.71 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ![logo](public/favicon.ico) Quarantined Wizzards
![Node.js CI](https://github.com/creisle/quarantined_wizzards/workflows/Node.js%20CI/badge.svg)
A family favourite game brought online to support social distancing!
- [Motivation](#motivation)
- [Game Play](#game-play)
- [Known Issues](#known-issues)
- [Getting Started (Developers)](#getting-started-developers)## Motivation
Card parties are a regular part of life with our friends and family, but due to COVID none of us
our socializing in person these days![motivation](docs/motivation.png)
We decided to build an online version of one of our favorite cards games so that we could still
spend time playing together. Our family jumped on board and helped us through several rounds of
testing!## Game Play
You will need at least 3 people to play a game. To start a new game or join an existing game go to the deployment here: https://quarantined-wizzards.herokuapp.com/
The first player starts the game and then sends the game code to the other players so that they can
join.![start-screen](docs/start-screen.png)
Once the game is created, enter your username and join. Once all the players have joined, the user
who created the game will start the game with the "All Players In" button.![all-players-in](docs/all-players-in.png)
The trump suit will be chosen and then it will wait for all players to make their bets. The
star icon means that this is the player that will be the trick leader![place-bet](docs/place-bet.png)
When it is your turn, click on your hand to bring up the form to place a card
![choose card](docs/choose-card.png)
### Known Issues
Occasionally the socket connection times out. When this happens you'll need to refresh your page.
If you have installed this as a progressive web app (PWA) then you can click on the scoreboard to
find a "refresh state" option which is equivalent.## Getting Started (Developers)
This project uses [redis](https://redis.io/), [socket.io](https://socket.io/), and [React.js](https://reactjs.org/).
Before the server can be run redis should be installed and the redis server running
```bash
redis-server
```Next build the server and start it
```bash
npm run build:server:dev
```and
```bash
npm start
```And then the client development server (webpack)
```bash
npm run start:dev
```The client can now be viewed in the browser at [http://localhost:3000](http://localhost:3000).