IDK ECC Integration Prototype (PWA)

A simple, static, installable PWA to demo flow navigation. Buttons are non-functional; replace placeholders with your local images.

Structure

• index.html — landing page with links to flows
• step-1.html — Vehicle description (image + details)
• step-2.html — Test drive booking (calendar + selectable time slots)
• flow-a.html — Step 3: Mid-Flow Login & Prefill (image)
• step-4.html — Review prefilled data (image)
• step-5.html — Consents (image)
• flow-b.html — Step 6: Post-Flow Account Creation (image)
• step-7.html — Summary / Finish (image)
• flow-c.html — Backend-Only Provisioning (standalone info page)
• styles.css — minimal styling
• manifest.webmanifest — PWA manifest (add icons under assets/)
• sw.js — service worker for offline caching
• assets/ — place your PNG images and optional PWA icons here

Add your assets

Place images like:

• assets/car-1.png, assets/car-2.png, assets/car-3.png, assets/car-4.png (gallery)
• assets/step-1.png, assets/step-4.png, assets/step-5.png, assets/step-7.png
• assets/flow-a-step1.png, assets/flow-a-step2.png (optional)
• assets/flow-b-step1.png, assets/flow-b-step2.png (optional)
• assets/flow-c-step1.png, assets/flow-c-step2.png (optional)

For PWA install prompts, add icons:

• assets/icon-192.png
• assets/icon-512.png

Run locally

Use any static server from this folder. Examples:

Python (macOS preinstalled)

cd Demo
python3 -m http.server 5500

Open http://localhost:5500

Node (if installed)

npm -g install serve
cd Demo
serve -p 5500

Open http://localhost:5500

Make it available (installable PWA)

PWAs require a secure context:

• http://localhost for local testing, or
• https:// when hosted online.

Quick hosting options

• GitHub Pages
  1. Push this folder to a GitHub repo.
  2. In Settings → Pages, select branch main and root /.
  3. Open the generated https://...github.io/... URL.

GitHub Pages for this repo

For this repository (ivanLOliveira/Demo), the expected URL is:

• https://ivanloliveira.github.io/Demo/

Publish in a few clicks:

1. Open: https://github.com/ivanLOliveira/Demo/settings/pages
2. Under Build and deployment choose:
   • Source: Deploy from a branch
   • Branch: main and folder / (root)
3. Click Save.
4. Wait ~1–3 minutes and open: https://ivanloliveira.github.io/Demo/

• Netlify / Vercel
  1. Import the repo.
  2. Set publish directory to the project root.
  3. Deploy and open the generated https:// URL.

Verify installability

1. Open the app URL in Chrome/Edge.
2. Confirm browser shows Install App (or the browser install icon).
3. Install and reload once to cache files for offline use.

Notes

• This is static; no real auth or API calls.
• Service worker caches pages for offline preview after first load.
• Update text and placeholder blocks as needed for your demo.