Add detailed instructions for running the Cordova app locally in development mode

[SergiyIva]

Issue Description

The current README provides a high-level overview of setting up the demo application and preparing it for integration. However, Step 1 lacks sufficient details on how to run the Cordova application locally in development mode. Specifically, there is no guidance on:

• Launching the app on an Android emulator or physical device with live/hot-reload enabled.
• Enabling automatic browser platform syncing or file watching for rapid UI iteration.
• Recommended workflows for frontend development (e.g., using cordova run android --livereload, port configuration, etc.).
• Any required configuration flags, environment variables, or additional plugins needed for a smooth dev experience.

This makes it difficult for new contributors or integrators to start active development quickly.

Requested Improvement

Please expand the README (preferably in Step 1 or a dedicated "Local Development Setup" section) with clear, step-by-step instructions on:

1. Running with live-reload:

   cordova run android --livereload -- --port=8000

   Include explanations of flags, default ports, and how to access the dev server.

2. Enabling browser platform for faster iteration (optional but useful):

   cordova platform add browser
   cordova run browser -- --livereload

3. Debugging setup:

   • How to use chrome://inspect for Android.
   • Recommended IDLE debug configurations (if applicable).

4. Common pitfalls:

   • Whitelisting the livereload server in config.xml (<allow-navigation href="http://localhost:8000" />).
   • Ensuring cordova-plugin-whitelist is installed.

5. Example workflow for a typical edit → reload cycle.

Why This Matters

Clear local dev instructions lower the barrier to entry, improve contributor experience, and align with modern Cordova/Ionic development practices.

Thank you for maintaining this demo! 🙌

[pahaz]

Thanks for raising this!

Short status: we don’t have a live development mode for Cordova in this repo yet. We’d love to add it in the future.

Current workflow:

• Build the app with your usual web stack in live mode (browser).
• Export a static HTML/CSS/JS build.
• Drop it into www and test on device/emulator.
• Debug:
  • Android: chrome://inspect (USB debugging on).
  • iOS (if you’re testing an iOS build): Safari Web Inspector
    1. macOS + Xcode installed. Open Safari → Settings → Advanced → enable “Show Develop menu.”
    2. Simulator: run the app (cordova emulate ios or via Xcode). In Safari: Develop → Simulator → YourApp → pick the page to open the Web Inspector.
    3. Real device: on the iPhone/iPad go to Settings → Safari → Advanced → enable “Web Inspector.” Connect via USB, trust the computer. In Safari: Develop → [Device name] → YourApp.
       Tips: use Console/Network tabs, set breakpoints, reload from the Inspector. If you don’t see the app, relaunch it and ensure you’re on a Debug build.

It’s not always convenient, we know. We’ll improve this later and document the flow in the README when we do. If you have a working setup to share, a PR would be very welcome. 🙌