jcubby86 / games-cp4

A party games web app inspired by jackbox games. This is a new version of the project built with a react front end and a node.js/mongodb back end. See original version of the project here.

Features

• Games:
  • The Name Game: Everyone secretly enters the name of a person (real or fictional) that others would know. Players then take turns guessing each other's names until only one remains!
  • He Said She Said: Each player answers the same six prompts. Stories are then built randomly using different players' answers for each prompt.
• Pairing: One person can create a game and invite others to join with a four-letter code
• Auto-generated nicknames: Players can create their own nicknames or use a randomly generated phrase
• Suggestions: Each prompt for the games will suggest something if you can't think of what to put

Self Hostable

• I built this website to be fully self-hostable, with a docker image for front-end and backend, fully customizable with environment variables

Using docker compose:

version: "3"
services:
  app:
    image: ghcr.io/jcubby86/games-app:latest
    ports:
      - "3020:80"
    environment:
      - NGINX_BACKEND_ADDRESS=http://backend:3000
    restart: unless-stopped
    depends_on: 
      - backend
      - db

  backend:
    image: ghcr.io/jcubby86/games-backend:latest
    environment:
      - MONGO_DB_CONN_STR=mongodb://db/games
      - NODE_PORT=3000
    depends_on: 
      - db
    healthcheck:
      test:  wget --spider --tries=1 --no-verbose http://localhost:3000/api/health
      interval: 5s
      retries: 5
      start_period: 5s
      timeout: 10s
    restart: unless-stopped
      
  db:
    image: mongo:latest
    volumes:
    - /data/mongo:/data/db
    restart: unless-stopped
    
  db-seed:
    image: byrnedo/alpine-curl
    command: "-X POST --silent http://backend:3000/api/seed"
    depends_on:
      backend:
        condition: service_healthy
      db:
        condition: service_started

Environment variables for each container can be configured for each service to run on different ports

games-cp4's Issues

Fix word wrapping with long words

Add randomly generated suggested nicknames

[food]
  apple
  bisquit
  carrot
  danish
  eclair
  wine

[animal]
  aphid
  cat
  dog
  monkey
  shrimp
  zebra

[object]
  frost
  mug
  clip
  paper
  desk
  pine
  ring
  tree
  oak
  cable

[place] 
  saloon
  bed
  car
  desert
  ocean
  town

[verb]
  stand
  sit
  wash
  push
  read
  grow
  eat
  think
  invent
  join
  goto

[adjective]
  dirty
  clean
  heavy
  soft
  shiny
  blue
  red
  green
  yellow
  purple
  limp
  funky

adj, verb, (object|place|animal|food)
(object|place|animal|food), verb, (object|place|animal|food)
verb, adj, (object|place|animal|food)

Don't leave page on error in games

Show nicknames of players that have joined

put in reusable component

Fix placeholder text for he said she said

Update docker compose

Need to update docker-compose to include seed container

Add routes in backend for name game

Add clear button for nicknames

Randomly generate placeholders for games

Give players ideas if they can't think of anything

Add share button to he said she said

Fix error handling

When user joins game, tell them if the code is wrong or the username is taken
on Create game, should only fail on api error

Show game type before joining

On Join game screen

speed up icons

icons load slowly

Join page doesn't show game type

Use react-bootstrap

Name game list changes

When playing the name game, after all the names are revealed the list continually reorders itself making it impossible to read

Add functionality for main user

Currently any user can start or end the game. Add in checks so that only the user who created the game can do this

Refresh cookies when used

Share state in front end better

rather than sharing state by passing down props, look into using a library to do it better

Add front-end page for name game

Add character limit to usernames

Add archive link for he said she said

Right now if you leave the game, your story is lost forever. I want to add a page where you can view the stories that have been created in the past. Could be fun to let a user view the history of games they've been in, as well as seeing other player's stories, and to make the link shareable

Use type contracts between front and back end

Fix transition on buttons in layout/home

Migrate to Typescript

Suggestions not refreshing on change

Get list of possible game types from api

Currently these are hardcoded, could be pulled from server instead

Put placeholder suggestions in db

Don't always give first entry to submitting player - He said she said

The player who types in the man's name will always be the person who reads it. Update randomization algorithm to give that to someone else

Button to refresh suggestion

Add favicon

https://www.reddit.com/r/webdev/comments/11lj26v/what_is_this_called_and_how_do_i_add_it/?utm_source=share&utm_medium=ios_app&utm_name=iossmf

Start new game with all the same players

Add button to create a new game with everyone from the previous game. Skip the sharing codes step!

Add socials to footer