shoujoe3/agri-seed-price-bench

Agricultural Seed pricing simulator - West Africa and East Asia Focus # Agri-Seed Price Bench An illustrative agricultural seed & grain pricing simulator for **West Africa** and **East Asia** (10 crop-markets). Built with React + Vite, deployed free on GitHub Pages. Live site (after you deploy): `https:// .github.io/ /` --- ## Part A — Put it online (one-time setup) ### 0. Install the tools (one-time, on your computer) - **Node.js** (v20 or newer): nodejs.org → verify with `node -v` - **Git**: git-scm.com → verify with `git -v` - A free **GitHub account**: github.com ### 1. Create an empty repo on GitHub - GitHub → **New repository** → name it e.g. `agri-seed-price-bench` - Leave it empty (no README/licence). Copy the repo name — you'll need it once. ### 2. Point the build at your repo name Open **`vite.config.js`** and set `base` to `"/ /"` (keep both slashes): ```js base: '/agri-seed-price-bench/', ``` This is the #1 thing people get wrong. If the deployed page loads blank/unstyled, it's almost always this line not matching the repo name. ### 3. Test it locally (optional but recommended) From this folder, in a terminal: ```bash npm install npm run dev ``` Open the printed `localhost...` link. You should see the simulator. Press Ctrl+C to stop. ### 4. Push this project to GitHub From this folder: ```bash git init git add . git commit -m "Initial commit: seed price simulator" git branch -M main git remote add origin github.com / .git git push -u origin main ``` ### 5. Turn on GitHub Pages (Actions mode) - On GitHub: **Settings → Pages** - Under **Build and deployment → Source**, choose **GitHub Actions**. - That's it — the included workflow (`.github/workflows/deploy.yml`) builds and publishes automatically. Watch progress under the **Actions** tab. - After ~1–2 minutes your live URL appears at the top of **Settings → Pages**: `https:// .github.io/ /` Share that URL — anyone can open and interact with it, no install needed. --- ## Part B — Make updates later Every push to ` …