For Developers

This page is for anyone poking at the code, not for players — if you just want to play the games, head back to Home.

Repo structure

testingthetree/
├── index.html              # Landing page (plain HTML + Tailwind CDN)
├── one-few-many/           # React + Vite app
├── ool-gambler/             # React + Vite app
├── origami-experiment/      # React + Vite app
├── phylo-game/               # React + Vite app
├── phylotree-visualizer/     # React + Vite app
└── .gitignore

Every app is a self-contained Vite project, deployed to its own subdirectory of the domain (e.g. testingthetree.com/phylo-game).

Running an app locally

cd one-few-many        # or any other app folder
npm install
npm run dev

Building for production

npm run build

Output goes to dist/. Deploy the contents of dist/ to the matching S3 subfolder (e.g. s3://your-bucket/one-few-many/).

Deployment

Hosting: AWS S3 static site + Cloudflare CDN
Per-app base path: each Vite app sets base: '/app-name/' in vite.config.js for production, / for local dev
Access gating: Cloudflare Access (one-time PIN or email whitelist) for pre-release testing

Adding a new app

Scaffold with npm create vite@latest app-name -- --template react
Set base in vite.config.js using the NODE_ENV pattern used by the other apps
Add a card for it on the landing page (index.html)
Add a page to this wiki so players can find it

⬅ Back to Home