nikolai-cc / sveltest

first adventures wandering in svelte

sveltest

Some first adventures wandering around in svelte.

See live

WTF?

• Add n windows with the number input + go button.
• Bring window to front by clicking.
• Move windows areound by dragging anywhere except the bottom-right corner.
• Resize windows by dragging the coördinates in the bottom-right corner.
• Close windows by pressing the id in the top-right corner.
• Enable / disable drop-shadows and blur classes and see how that impacts performance.

Should perform reasonably well up to a couple 100 windows with mouse and touch devices, both new (with effects) and old (without effects).

Probably requires modern browser, haven't checked.

Running the app

Dev

Install:

cd sveltest
npm install

Run:

npm run dev

Prod

Build:

npm run build

Run:

npm run start