Portal Hub
Each simulator opens on its own page.
Run `python -m http.server 5173`
Barcode System Simulator
Scan → validate → lookup → price → stock.
Scanner
sound on
Item
5901234123457
Stock: 12
Pipeline
step-by-step
Result
—
Price
—
DB
—
QR Code vs Barcode
Hover to reveal visuals.
QR Code
scanner
read area
More data
2D
Fast scan
Hover reveal: dense pattern, multi-directional scanning.
Barcode
static
read direction
Hover reveal: 1D, needs line-of-sight.
Less data
1D
Line scan
RFID Simulator
Reader ↔ Tag wireless exchange.
Mode
Passive
Active
Signal Strength
Low
Wireless Exchange
idle
Reader
Tag
Reader →
—
Tag →
—
Data
—
3D Airport Passport Control (Mini‑Game)
WASD walk • mouse look • interact (E).
Controls: Click to lock mouse • WASD move • E interact • Esc unlock
Walk to the passport tray, look at the passport, press E
Immigration Monitor
live
SYSTEM
Status
Ready
Waiting for passport…
Drag it onto the scanner.
Validity
—
Expiry
—
Photo match (mock)
—
Gate
opens on approval
Closed
Scanner
Drop passport on scanner to start check.
ATM Simulator
Insert card → PIN → amount → checks → cash.
ATM
interactive
SCREEN
Insert card
PIN
4 digits
Amount
Balance: $500
Cash Slot
empty
Checks
live indicators
Correct PIN
—
Sufficient balance
—
Withdrawal limit
—
Limit: $200 per withdrawal
Minimal text: watch the checks flip from ✖ to ✔ as you interact.
EFTPOS Payment Simulator
Items → card → PIN → bank auth.
Terminal
real-time
Basket
$0.00
Authorization Steps
idle
Progress
0%
Step
—
Result
—
Input Devices Showcase
Tap a card for uses + pros/cons.
OMR vs OCR Demo
Mark bubbles vs extract text (mock).
OMR
0 marked
Q1
Q2
Q3
Detected
—
OCR
ready
Extracted text
—
Sensors
Animated icons + real‑life usage.
Temperature
HVAC • Labs • Fridges
Light
Street lights • Phones
Pressure
Tyres • Weather
Humidity
Greenhouses • Storage
Gas
Factories • Homes
Advantages & Disadvantages
Icon-driven comparison cards.
Barcode
✔ / ✖
✔
Cheap • fast • accurate
✖
Line-of-sight • damage
RFID
✔ / ✖
✔
No sight • bulk scan
✖
Cost • interference
ATM
✔ / ✖
✔
24/7 • fast access
✖
Fraud risk • fees
Contactless payments
✔ / ✖
✔
Quick • convenient
✖
Limits • tap fraud