# domi_shopping

Separate temporary SQLite database and PHP sessions; seeded product catalog, no original users or orders.

## Animated WebP

![domi_shopping interaction demo](/showcase/domi_shopping/2026-09-10T09-47-58-649Z-44d6/domi-shopping-interaction.webp)

![Domi shopping: storefront and featured product.](/showcase/domi_shopping/2026-09-10T09-47-58-649Z-44d6/storefront.webp)

![Domi shopping: category filter and price sorting.](/showcase/domi_shopping/2026-09-10T09-47-58-649Z-44d6/filtered-products.webp)

![Domi shopping: product detail, stock and add-to-cart controls.](/showcase/domi_shopping/2026-09-10T09-47-58-649Z-44d6/product-detail.webp)

![Domi shopping: isolated session cart; no checkout or payment submitted.](/showcase/domi_shopping/2026-09-10T09-47-58-649Z-44d6/shopping-cart.webp)

## Reduced-motion HTML

```html
<!-- Copy this asset directory to /showcase/domi_shopping/2026-09-10T09-47-58-649Z-44d6/. Demo data: Separate temporary SQLite database and PHP sessions; seeded product catalog, no original users or orders. -->
<picture>
  <source media="(prefers-reduced-motion: reduce)" srcset="/showcase/domi_shopping/2026-09-10T09-47-58-649Z-44d6/storefront.webp">
  <img src="/showcase/domi_shopping/2026-09-10T09-47-58-649Z-44d6/domi-shopping-interaction.webp" alt="domi_shopping: Scroll to the product catalog; Filter by mobile phones; Sort by price; Apply catalog filters; Open the Xiaomi 14 product page; Add one product to the isolated session cart; Navigate to the cart." width="1080" height="676" loading="lazy" decoding="async">
</picture>
```