Sandbox State & Health

Mobile QR Code State Synchronization

Test mobile responsive websites, iOS Safari, Android Chrome, and React Native builds with the exact stateful data you crafted on your desktop. Sync session tokens across physical devices via QR code without logging in or configuring local proxy tunnels.

SCAN WITH CAMERA

Live Desktop Session Connected

Scan to Sync Desktop Sandbox

Scanning this QR code with your mobile camera opens the web app with the ?_sandbox=... parameter, binding your mobile browser to your active desktop sandbox.

Active Sync URL

https://playground.nileslabs.com?_sandbox=active-session

Cross-Device Sync Architecture

Scan QR Code

Use iOS Camera or Android Lens to scan the code. No app downloads or authentication logins required.

Cookie Replicated

The API receives the _sandbox query param and issues a matching session cookie to your mobile browser.

Bidirectional Sync

Posts created on your phone appear immediately on desktop. Both devices share the exact same stateful overlay.

React Native & Expo Setup

In mobile native environments where cookies are not automatically shared, pass the session token via the X-Playground-Identity header:

MobileBlogFeed.tsx

// App.tsx in React Native / Expo

import React, { useState, useEffect } from 'react';

import { View, Text, FlatList } from 'react-native';

import axios from 'axios';

// 1. Session token extracted from QR scanner or deep link

const MOBILE_SESSION_ID = 'mobile-demo-session-8f42';

const api = axios.create({

baseURL: 'https://playground.nileslabs.com/api/v1',

headers: {

// Synchronizes this mobile device with your desktop session!

'X-Playground-Identity': MOBILE_SESSION_ID,

});

export default function MobileBlogFeed() {

const [posts, setPosts] = useState([]);

useEffect(() => {

api.get('/posts?_limit=10').then((res) => {

setPosts(res.data.data);

});

}, []);

return (

Synchronized Desktop Feed

</Text>

<FlatList

data={posts}

keyExtractor={(item) => String(item.id)}

renderItem={({ item }) => (

<Text style={{ fontWeight: '600' }}>{item.title}</Text>

</View>

)}

</View>

);

}

Want to inspect cluster health metrics?

Monitor live server uptime, latency round-trips, and memory usage telemetry.

View System Health

PreviousHeadless CI/CD Testing

NextSystem Metrics & Health