📱 Mobile Testing Hub

Test your Prism Writing development environment on mobile devices

Development Server Active
🖥️

Browser DevTools

Use your browser's built-in mobile simulation tools for quick testing

Open Homepage
🔐

Authentication Testing

Test the sign-in flow and Google OAuth on mobile devices

Test Sign In
👤

Portal Dashboard

Test the user portal and dashboard interface on mobile

Test Dashboard
🧪

Client Demo

Test the full client dashboard demo without authentication

Demo Portal
📋

Responsive Testing

Test different screen sizes and orientations

View Instructions

📋 Mobile Testing Methods

🖥️ Method 1: Browser DevTools (Recommended)

  1. Open your web browser (Chrome, Firefox, Edge)
  2. Press F12 or right-click and select "Inspect"
  3. Click the device toggle icon (📱) in the toolbar
  4. Select a device preset (iPhone, Samsung, etc.) or set custom dimensions
  5. Navigate to:
    http://localhost:3002
  6. Test touch interactions and scrolling

📱 Method 2: Real Mobile Device

  1. Connect your phone/tablet to the same WiFi network as your computer
  2. Find your computer's IP address:
    • Windows: Open Command Prompt, type ipconfig
    • Mac: System Preferences → Network
  3. On your mobile device, open a web browser
  4. Navigate to:
    http://[YOUR-IP-ADDRESS]:3002
  5. Example:
    http://192.168.1.100:3002

🔧 Method 3: Online Emulators

  1. Use online tools like BrowserStack or LambdaTest
  2. Set up tunneling to access localhost:3002
  3. Test on real device browsers in the cloud
  4. Note: Requires account setup with these services
🏠 Homepage 🔐 Sign In 🧪 Dashboard Test 👤 Client Demo 📋 Copy URL