Skip to content

It's a Cards against Humanity clone. Game is freely available to play here:

License

Notifications You must be signed in to change notification settings

F1nnM/Rainbow-Cards

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Rainbow-Cards

Rainbow cards

Publish latest Docker image Publish release Docker image

Play the game here! Currently under maintenance. Feel free to run the game yourself as instructed below, or use the docker containers linked with this repo.

This is a clone of the well known game Cards against Humanity. Thanks a lot to them for making the cards available under the CC BY-NC-SA 4.0 license.

To provide feedback, you can also join the discord channel!

Local development

If you need any help, feel free to also join the discord channel and ask there!

Requirements

  • Node
  • npm

Running the app

After cloning the repository, first, install the npm packages for both directories, frontend and backend.

cd ./backend
npm i
cd ./frontend
npm i

After this, you need to configure the environment variables for both the frontend and the backend. This can be done by adding .env-files in the root of the frontend and backend directory.

First, create the file for the backend:

./backend/.env

ADMIN_PASS=<password for the colyseus admin panel>

You can now run the backend by running the npm start script.

cd backend
npm run start

The console output should contain Listening on ws://0.0.0.0:2567. This IP-address and port are required in the file for the frontend:

/frontend/.env

REACT_APP_MASTER_BACKEND=0.0.0.0:2567
REACT_APP_MASTER_BACKEND_USE_HTTPS=

Yes, the last line is complete the way it's written here. This disables Secured connections for local development.

You can now start the frontend with the corresponding npm script:

cd frontend
npm run start

Should you get any errors a la "Failed to fetch", you might want to replace 0.0.0.0 in the .env file with either localhost or your local IP-address.

Developing

Now that both frontend and backend are up and running, you can start developing.

Whenever you save a file, the code is hot-swapped, which means you don't need to restart anything, it happens by itself.

Screenshots