-
Create project: console.firebase.google.com → "Add project"
-
Enable Database:
- Build → Realtime Database → Create Database
- Start in test mode
- Enable
-
Set Rules (in Rules tab):
{ "rules": { "rooms": { "$roomId": { ".read": true, ".write": true } } } } -
Get Config:
- Project Settings (gear icon) → Your apps → Web (
</>) - Copy
firebaseConfig
- Project Settings (gear icon) → Your apps → Web (
-
Update game.js:
- Replace lines 7-14 with your config
npm i -g vercel
cd online-tic-tac-toe
vercel✅ Done! Copy the URL
- Drag folder to app.netlify.com/drop
- ✅ Done! Copy the URL
python3 -m http.server 8000
# Open http://localhost:8000- Visit your URL
- Create Game → Share link
- Friend joins → Play!
"Firebase not configured"
→ Update game.js with your Firebase config
Opponent can't join → Check Firebase Rules are set correctly
Not deploying
→ Make sure you're in the online-tic-tac-toe directory
Need help? See full README.md
Total time: ~10 minutes Total cost: $0 (Free tier)