88 lines
2.0 KiB
Markdown
88 lines
2.0 KiB
Markdown
|
# Quick Connect Card - Church SongLyric
|
||
|
|
|
||
|
|
## 🖥️ Server PC (This Computer)
|
||
|
|
|
||
|
|
**Backend:** Running on port 5000 ✅
|
||
|
|
**Frontend:** Running on port 3000 ✅
|
||
|
|
**Server IP:** `192.168.10.178`
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 📱 Connect from Other Devices
|
||
|
|
|
||
|
|
### Step 1: Open Browser
|
||
|
|
|
||
|
|
On your phone, tablet, or laptop, open any browser and go to:
|
||
|
|
|
||
|
|
```text
|
||
|
|
http://192.168.10.178:3000
|
||
|
|
```
|
||
|
|
|
||
|
|
### Step 2: Configure Settings (First Time Only)
|
||
|
|
|
||
|
|
1. Click **⚙️ Settings** in the top menu
|
||
|
|
2. Click **"Online Mode (No-IP DNS)"** option
|
||
|
|
3. Enter connection details:
|
||
|
|
- **Protocol:** `http`
|
||
|
|
- **Hostname:** `192.168.10.178`
|
||
|
|
- **Port:** `5000`
|
||
|
|
4. Click **💾 Save DNS Settings**
|
||
|
|
5. If prompted, click **"Yes, Migrate Now"** (one-time data sync)
|
||
|
|
|
||
|
|
### Step 3: Start Using! 🎉
|
||
|
|
|
||
|
|
That's it! Your device is now connected. All changes sync in real-time across all devices.
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## ✅ Quick Test
|
||
|
|
|
||
|
|
To verify connection works, type in browser or terminal:
|
||
|
|
|
||
|
|
```text
|
||
|
|
http://192.168.10.178:5000/api/health
|
||
|
|
```
|
||
|
|
|
||
|
|
Should return: `{"status":"ok",...}`
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 🔧 Troubleshooting
|
||
|
|
|
||
|
|
**Can't connect?**
|
||
|
|
|
||
|
|
- ✓ Are you on the same Wi-Fi network?
|
||
|
|
- ✓ Try typing IP directly: `192.168.10.178:3000`
|
||
|
|
- ✓ On server PC, check backend is running (black terminal window should show "API listening on port 5000")
|
||
|
|
|
||
|
|
**Data not syncing?**
|
||
|
|
|
||
|
|
- ✓ Go to Settings → Run Diagnostics
|
||
|
|
- ✓ All 4 tests should show ✅
|
||
|
|
- ✓ Make sure you selected "Online Mode" and saved settings
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 📍 Bookmark These URLs
|
||
|
|
|
||
|
|
**Main App:** `http://192.168.10.178:3000`
|
||
|
|
**Backend API:** `http://192.168.10.178:5000`
|
||
|
|
**Health Check:** `http://192.168.10.178:5000/api/health`
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## 💡 Features You Can Use Together
|
||
|
|
|
||
|
|
- ✅ Add/edit songs from any device
|
||
|
|
- ✅ Create worship plans together
|
||
|
|
- ✅ Switch profiles instantly
|
||
|
|
- ✅ View real-time updates (no refresh needed!)
|
||
|
|
- ✅ Transpose chords per profile
|
||
|
|
- ✅ Export setlists
|
||
|
|
|
||
|
|
**All changes sync automatically within seconds!** ⚡
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
*For detailed setup guide, see: `MULTI_DEVICE_SETUP.md`*
|