🇵🇭 GalingBot — I-train mo, i-reign mo!

Train your AI bot (your "Alalay") and battle other bots in the arena. Climb the ranks from 🥥 Bata Pa to 👑 Alamat.

---

🚀 Deploy in 30 minutes (FREE)

Step 1 — Get your Anthropic API Key

1. Go to https://console.anthropic.com
2. Sign up and click API Keys → Create Key
3. Copy your key

Step 2 — Set up the project

1. Download/clone this folder
2. Copy .env.example to .env.local
3. Open .env.local and replace your_api_key_here with your actual key

REACT_APP_ANTHROPIC_API_KEY=sk-ant-xxxxxxxxxx

Step 3 — Deploy to Vercel (FREE)

1. Create a free account at https://vercel.com
2. Install Vercel CLI: npm i -g vercel
3. In this folder, run: vercel
4. When asked, add environment variable: REACT_APP_ANTHROPIC_API_KEY
5. Done! You'll get a live URL like galingbot.vercel.app

OR upload via Vercel dashboard:

1. Zip this folder
2. Go to vercel.com → New Project → drag and drop the zip
3. Add REACT_APP_ANTHROPIC_API_KEY in Environment Variables
4. Deploy!

Step 4 — Custom domain (optional)

In Vercel dashboard → Settings → Domains → add galingbot.com or whatever you register.

---

🛠️ Run locally first (to test)

npm install
npm start

Opens at http://localhost:3000

---

📁 Project structure

galingbot/
├── public/
│   └── index.html
├── src/
│   ├── components/
│   │   ├── AlalayScreen.js   # Bot trainer UI
│   │   ├── ArenaScreen.js    # Battle arena
│   │   ├── BarangayScreen.js # Community/leaderboard
│   │   └── UI.js             # Reusable components
│   ├── lib/
│   │   └── claude.js         # Anthropic API + game logic
│   ├── App.js                # Main app + navigation
│   ├── index.js              # Entry point
│   └── index.css             # Global styles
├── .env.example              # Copy to .env.local
├── .gitignore
├── package.json
└── vercel.json

---

⚠️ Important security note

• NEVER commit .env.local to GitHub (it's in .gitignore already)
• For production, move API calls to a backend (Next.js API routes or Express server)
• The current setup is fine for demo/MVP but exposes your API key in the browser bundle

---

🗺️ Roadmap (Phase 2)

• User accounts (Supabase auth)
• Persistent ELO scores
• Real-time multiplayer matchmaking
• GCash/voucher prize integration
• Mobile app (React Native)
• Brand-sponsored battle events

---

Gawa ng ❤️ para sa mga Pilipino