321312
Prompt
Ось детальна концепція для сайту (робоча назва — **LiftScan** ) --- ### 1. Дизайн та Візуальний стиль Оскільки це спортивний трекер, дизайн має передавати енергію, силу та концентрацію, але залишатися достатньо мінімалістичним, щоб графіки читалися легко. * **Колірна палітра:** Темна тема (Dark Mode) як основна. Темно-сірий або графітовий фон, з акцентними кольорами неонового зеленого (для прогресу) та електричного синього (для навігації). Це стильно виглядає і не напружує очі. * **Стиль (UI):** "Нео-бруталізм" змішаний з "Glassmorphism". Мінімум рамок, чіткіCards-блоки для статистики, великі шрифти для цифр (ваги, повторень). * **Головний екран (Dashboard):** За замовчуванням користувач бачить велику кнопку "Завантажити скріншот" по центру. Поміж нею — швидкий огляд останнього тренування та пару міні-графіків. * **Анімація сканування:** При завантаженні скріншоту сайт показує круту анімацію (наприклад, скануючий промінь, як у сканерах штрих-кодів), поки іде розпізнавання тексту. * **Вікно перевірки (Verification Modal):** Після сканування з'являється вікно, де розпізнані дані (вправа, вага, підходи) представлені в редагованих полях. Користувач просто натискає "Підтвердити", якщо все вірно, або швидко виправляє помилку. --- ### 2. Як відслідковується прогрес (Метрики та Дані) Зазвичай у скріншоті Strong є: Назва вправи, Вага, Підходи (Sets), Повторення (Reps). З цих даних ми можемо вирахувати багато корисних метрик. Сайт буде будувати графіки на основі таких показників: * **Одиничний повторний максимум (1RM - One Rep Max):** Вбудований калькулятор (наприклад, формула Еплея), який за вагою та кількістю повторень розраховує теоретичну максимальну вагу. Графік покаже, як зростає сила у конкретній вправі. * **Тренувальний об'єм (Volume):** Сума всіх підходів (Вага × Повторення) за вправу або за все тренування. Це головний драйвер гіпертрофії. Графік покаже загальний об'єм по місяцях. * **Динаміка ваги та повторень:** Лінійний графік, де видно, як зростає робоча вага в конкретній вправі (наприклад, Жим лежачи) з плином часу. * **Тонаж (Tonnage) за тренування/тиждень/місяць:** Стовпчикова діаграма, що показує загальну підняту вагу за тренування/тиждень/місяць. Допомагає відслідковувати загальну навантаженість (і уникати перетренованості). * **Частота тренувань:** Календар (як у GitHub), де дні з тренуваннями підсвічуються яскравіше в залежності від об'єму (вкрай візуально і motivosно). --- ### 3. Додаткові ідеї та функції Щоб сайт не був просто "хранилкою" графіків, йому варто додати кілька корисних фіч, які ідеально вписуються в концепцію: **1. Пакетне завантаження (Bulk Upload)** Користувач міг би виділити відразу 10-20 скріншотів за останній місяць і перекинути їх на сайт. Сайт розпізнає їх усі, згрупує по датах (якщо на скріншотах є час) і дозволить проглянути/зберегти одним кліком. **2. Сповіщення про Personal Records (PR - Особисті рекорди)** При успішному залозі нового скріншоту, якщо система бачить, що користувач перевищив свій рекорд у певній вправі (або в об'ємі, або в 1RM), вона показує яскраве анімоване вікно: "Новий рекорд у Жимі лежачи! 100 кг на 8 разів!". **3. Локальний експорт/Імпорт** Оскільки все зберігається локально (у браузері), є ризик втратити дані при очищенні кешу. Функція "Експорт у JSON/CSV" дозволить в один клік зберегти файл на комп'ютер або в хмару (Google Drive). Це також дозволить легко перенести прогрес на інший комп'ютер. **4. Порівняння періодів (Side-by-Side Comparison)** Можливість вибрати два періоди (наприклад, "Січень 2023" та "Січень 2024") і побачити панель, де статистика за ці місяці лежить поруч: скільки кг було піднято, який був середній об'єм, яким був 1RM у ключових вправах. **6. Note-take (Нотатки до тренувань)** Біля кожного розпізнаного тренування користувач може додати текстовий коментар (наприклад: "Сьогодні мало спав, важко йшло", "Болить ліва рука"). Потім можна шукати тренування по ключових словах у нотатках. ось такий концепт сайту, від тебе потрібен промт для ші котрий повинен написати структуру, логіку, будову(все технічне)
