Zagrava

Інтимна карткова гра для пар, створена на базі україномовної адаптації «Фанти Жара».

Запуск локально

npm install
npm run dev
# або для доступу з локальної мережі / VM
npm run dev:host

Додаткові скрипти:

• npm run build – збірка продакшн-версії.
• npm run preview – перегляд зібраного бандлу.
• npm run lint – ESLint (React + Vite правила).
• npm run db:build – оновити public/zagrava_db_v1.json з db.json та розпакувати img.zip.

Dev‑сервер працює на 0.0.0.0:4173 (можна змінити через ZAGRAVA_PORT або флаг --port).

Екрани (MVP потік)

1. Стартовий — коротке введення та CTA для запуску подорожі.
2. Інформаційний факт — рандомний факт про близькість при кожному вході.
3. Імена пари — зберігаємо імʼя Парня та Дівчини, щоб підставляти їх у текстах.
4. Вибір рівня (кольору) — білий/жовтий/рожевий/червоний жар (зараз дані для білого, інші готуються).
5. Правила та принципи — базові домовленості перед грою.
6. Завдання — картки з фільтрами, враховують PIN-доступ, вибраний рівень та згоду.
7. Auth / Settings — захист PIN, перемикачі фільтрів, мова, експериментальні параметри.

TODO на майбутнє (від користувача): підкатегорії, час на виконання, романтичне радіо, редактор карток, підтримка зображень (UI вже готовий показувати card.img).

Структура

• public/zagrava_db_v1.json – 38 карток зі згенерованою метаінформацією (категорії, настрій, фільтр «згода»).
• src/store.js – Zustand з фільтрами, мовою та PIN-доступом.
• src/App.jsx – Shell, маршрути /, /settings, /auth, /play.
• src/lib/loadDb.js – завантаження локальної бази.
• src/i18n.js – i18next з ua/en ресурсами.
• src/data/facts.js – набір романтичних фактів для стартового екрану.

Наступні кроки

• Доповнити базу новими рівнями/категоріями.
• Синхронізувати структуру карток з дизайном (назви, теги, іконки).
• Підготувати візуальний макет і стилізувати компоненти під фінальну айдентику.