# 🎴 TCG Queue System - Demo

A demo version of the TCG Live Rip n Ship Queue System.

## 🚀 Live Demo

Visit: [https://nemoo88.github.io/tcg-queue-demo/](https://nemoo88.github.io/tcg-queue-demo/)

## 📁 Files

```
├── index.html          # Choose language
├── index-en.html       # Choose language
├── admin/
│   ├── index.html      # Queue Manager (Swedish)
│   └── index-en.html   # Queue Manager (English)
└── overlay/
    └── index.html      # OBS Overlay
```

## 🔐 Login

**Password:** `demo`

Displayed on the login screen.

## ✨ Features

- ✅ **Queue Management** - View and manage all orders
- ✅ **Multiple products per order** - Add several products on the same line
- ✅ **⏭️ Skip order** - Move order to the end of the queue
- ✅ **OPEN button** - Open order on stream
- ✅ **✕ Remove button** - Remove order from queue
- ✅ **Time waiting** - See how long the order has been waiting
- ✅ **Events** - Handle giveaways, duckrace, pack battles
- ✅ **OBS Overlay** - Show queue live in your stream
- ✅ **Dynamic ETA** - System learns your speed and updates estimated time
- ✅ **Reset statistics** - Start over with new numbers

### 🕐 Dynamic Time/ETA

The system automatically learns how long you need per order:

- **How it works:** When you mark an order as "Done", the time it took is recorded
- **Average calculation:** System saves the 20 latest times and calculates an average
- **What affects it:** Only "Done - Next" records time. Skipping an order does not affect the average.
- **ETA in overlay:** `(number of orders) × (average time) = estimated time remaining`
- **Starting value:** 5 minutes per order before the system learns your pace

Example: If average is 3 minutes and you have 4 orders in queue → ETA: 12 minutes

## ⚠️ Limitations (Demo)

- Data is only saved in the browser (localStorage)
- Everything disappears if you clear cache or switch browser
- No Shopify/Ecwid/Quickbutik integration (manual input only)

## 🎮 Quick Start

1. Go to Queue Manager (`/admin/`)
2. Login with password: `demo`
3. Load demo data
4. Test the features!

## 🛒 Full Version

Full version includes:
- **Shopify** integration (automatic orders via webhook)
- **Ecwid** integration (automatic orders via webhook)
- **Quickbutik** integration (polling every 30 seconds)
- Netlify Blob Storage (permanent storage)
- Docker version for local hosting
- Server-side password protection
- Custom styling (change colors, sizes in CSS)

---

**© 2026 TCG Queue System – Demo Version**