Chai Tests

Experimental tools from Chai Publications. Hosted on GitHub Pages.

Live at:https://[your-username].github.io/chaitests/

Current Tools

• Cover Versions — Reimagined album cover prompt builder
• Genre Generator — Coming soon

Setup (one-time)

1. Install Node.js (if you don't have it)

Download from https://nodejs.org/ — grab the LTS version. After installing, restart your terminal/command prompt.

2. Create the GitHub repo

1. Go to https://github.com/new
2. Name it chaitests
3. Make it Public (required for free GitHub Pages)
4. Don't add a README (we already have one)
5. Click "Create repository"

3. Push this code to GitHub

Open a terminal/command prompt in this folder and run:

git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/YOUR-USERNAME/chaitests.git
git push -u origin main

4. Enable GitHub Pages

1. Go to your repo on GitHub → Settings → Pages
2. Under "Build and deployment", set Source to GitHub Actions
3. That's it — the workflow file will handle the rest

The site will auto-deploy every time you push to main. First deploy takes 1-2 minutes. Check the Actions tab for progress.

Local development

npm install # first time only
npm run dev # starts local server at http://localhost:5173

Adding a new tool

1. Create a new file in src/pages/YourTool.jsx
2. Add a route in src/App.jsx
3. Add a card to the TOOLS array in src/App.jsx
4. Commit and push — it auto-deploys

Project structure

chaitests/
├── index.html # Entry point
├── package.json # Dependencies
├── vite.config.js # Build config
├── .github/workflows/
│ └── deploy.yml # Auto-deploy to GitHub Pages
└── src/
├── main.jsx # React bootstrap
├── App.jsx # Router + home page
└── pages/
├── CoverVersions.jsx # Album cover prompt builder
└── GenreGenerator.jsx # Placeholder