/4dle

Primary LanguageTypeScriptMIT LicenseMIT

4dle

WIP for a Wordle-derivative that selects your first word, and only gives you three more chances.

Cloned from cwackerfuss/react-wordle

Build and run

To Run Locally:

Clone the repository and perform the following command line actions:

$> cd 4dle
$> npm install
$> npm run start

To build/run docker container:

Development

$> docker build -t 4dle:dev -f docker/Dockerfile .
$> docker run -d -p 3000:3000 --name 4dle-dev 4dle:dev

Open http://localhost:3000 in browser.

Production

$> docker build --target=prod -t 4dle:prod -f docker/Dockerfile .
$> docker run -d -p 80:8080  --name 4dle-prod 4dle:prod

Open http://localhost in browser. See the entry in the FAQ below about requirements for sharing of results.

How can I add usage tracking?

This repository includes support for Google Analytics or Plausible Analytics, but, by default, this is disabled.

To enable Google Analytics:

  • Create a Google Analytics 4 property and obtain the measurement ID (of the format G-XXXXXXXXXX)
  • In .env, add REACT_APP_GOOGLE_MEASUREMENT_ID=G-XXXXXXXXXX

Keep in mind that your region might have legislation about obtaining a user's consent before enabling trackers. This is up to downstream repos to implement.

To enable Plausible Analytics:

  • Create a new website with Plausible Analytics with a given domain, e.g. example.app
  • In .env, add REACT_APP_PLAUSIBLE_DOMAIN=example.app

Why does sharing of results not work?

For mobile and wearable devices and smart TVs, sharing of results is initially attempted using the Web Share API. For other devices or when sharing to the Web Share API fails, the results are written to the clipboard. Both these methods will succeed only in a secure context, which require you to implement the HTTPS protocol when hosting this repo on a public domain.