skr

Play: https://skr.maxrchung.com

This is like a skribbl.io clone made over a weekend jam with React, HTML Canvas, and socket.io. It mostly only works with desktop as we don't support touch for mobile. I'm currently running this from Firebase Hosting and Cloud Run. Note: Sessions time out after 1 hour, so you'll have to refresh the page. This is an artifact of using Cloud Run. Not much I can do, short of implementing cookies properly and/or looking at GKE(?).

Prerequisites

You need node. I'm using 18.16.0.

• https://nodejs.org/en
• https://nodejs.org/dist/v18.16.0/

Frontend

Installing packages.

cd frontend
npm install

Starting dev server.

npm start

Building project.

npm run build

Serving website locally. You may have to forward port 3000 on your router.

npm install -g serve
serve -s build

Deploying to Firebase Hosting.

firebase deploy

Backend

Installing packages.

cd backend
npm install

Starting server and watching for changes.

npm start

Running the server directly. You may have to forward port 4000 on your router if you want to run this publicly.

node index.js

Building Docker image.

docker build . -t maxrchung/skr
docker push maxrchung/skr