- Added Documentation on Devlopment Setup

README.md

 ## Overview
+
+### Developer Info
+
+#### Create a bridge to the phone
+- Phone needs to be in developer mode
+- USB Debugging needs to be enabled
+```cmd
+  npm run adb
+```
+
+#### Start App
+- default Port is 8081
+```cmd
+  npm run dev
+```
+
+#### Enable Chrome DevTools on Laptop
+- Go to [Chrome Devices](chrome://inspect/#devices)
+```cmd
+  npm run adb:debug
+```
+
 Develop a WebAR application using **Three.js** that allows users to design their own urban planning scenarios directly in AR.  
 The system should provide a **library of 3D models (GLTF/GLB)** such as trees, benches, lamp posts, or small buildings.  
 Users can **select, place, and arrange models** in outdoor AR space through an interactive interface.  

webxr-cube/package.json

@@ -8,7 +8,8 @@
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview",
-    "adb": "adb reverse tcp:8081 tcp:8081"
+    "adb": "adb reverse tcp:8081 tcp:8081",
+    "adb:debug": "adb forward tcp:8080 localabstract:chrome_devtools_remote"
   },
   "dependencies": {
     "react": "^19.1.1",

webxr-cube/src/components/XRRenderer.tsx

@@ -7,7 +7,8 @@ import { Cube } from "../model/Cube";          // custom class for a simple cube
 import { GLTFModel } from "../model/GLTFModel"; // custom loader for .glb 3D models
 import { ARBottomBar } from "./ARBottomBar";
 import {RoomEnvironment} from "three/examples/jsm/environments/RoomEnvironment";
-import {addLightToScene, createCamera, createPlacementRing, createRenderer, setSceneBackground} from "./Setup.ts";    // bottom UI for selecting objects
+import {addLightToScene, createCamera, createPlacementRing, createRenderer, setSceneBackground} from "./Setup.ts";
+import type {WebGLRenderer} from "three";    // bottom UI for selecting objects
 
 
 function createARButton(renderer: WebGLRenderer, overlayRef: React.RefObject<HTMLDivElement>) {

webxr-cube/vite.config.ts

@@ -5,6 +5,6 @@ export default defineConfig({
   plugins: [react()],
   server: {
     host: 'localhost',  // bind to all interfaces
-    port: 8080,
+    port: 8081,
   },
 });