[web] Сад на экране «Сегодня»: иллюстрация по стадиям, прогресс, чек-лист дня #119

New Issue

2026-10-31T11:10:16+03:00

Eleboba commented

2026-10-31 11:10:16 +03:00

Описание

Часть эпика «Демо к гранту ВШЭ и пилоту „Династия“». UI сада по макету слайда 13: карточка «Ваш сад. Растёт вместе с вами» на экране «Сегодня». Зависит от GET /me/{token}/garden.

Желаемый результат

web/src/components/Garden.tsx: SVG-иллюстрация сада, растения рисуются по plants[].stage. Стиль презентации: тёплый фон, стебли, цветы, солнце. Без внешних картинок, только SVG в коде.
Блок «Новый росток» с прогресс-баром и подписью «8 из 10».
Блок «Сегодня»: чек-лист активностей (приём лекарств, запись в дневнике, назначенный опрос) с галочками, каждый пункт ведёт в нужный экран.
Подпись внизу: «Пропуск — не страшно, сад не вянет».
После отметки дозы или завершения чек-ина короткий тост или мягкая анимация «Сад подрос». Не показывать после кризисного сценария и экрана помощи.
Карточка встроена в web/src/screens/Today.tsx над задачами дня; тексты в ru.ts.

Подзадачи

web/src/api/client.ts и types.ts: getGarden
Garden.tsx: SVG, стадии, прогресс, чек-лист
интеграция в Today, тост роста
скриншот для презентации

Анализ

Ограничения и риски

Без давления: никаких «вы пропустили», красных цветов, увядания и счётчиков серий.
Доступность: у иллюстрации есть aria-label с текстовым описанием стадии.

Как проверить

make up && make seed → Андрей → «Сегодня» → сад. Отметить дозу → тост, прогресс вырос. Мобильная ширина 375 px.

2026-10-31

Что сделано: Garden.tsx (SVG по стадиям, прогресс, чек-лист, тост роста без кризиса), встроен в «Сегодня». PR #125.
Результат: проверено на телефоне и десктопе, скриншоты во вложениях.

## Описание Часть эпика «Демо к гранту ВШЭ и пилоту „Династия“». UI сада по макету слайда 13: карточка «Ваш сад. Растёт вместе с вами» на экране «Сегодня». Зависит от `GET /me/{token}/garden`. ## Желаемый результат - `web/src/components/Garden.tsx`: SVG-иллюстрация сада, растения рисуются по `plants[].stage`. Стиль презентации: тёплый фон, стебли, цветы, солнце. Без внешних картинок, только SVG в коде. - Блок «Новый росток» с прогресс-баром и подписью «8 из 10». - Блок «Сегодня»: чек-лист активностей (приём лекарств, запись в дневнике, назначенный опрос) с галочками, каждый пункт ведёт в нужный экран. - Подпись внизу: «Пропуск — не страшно, сад не вянет». - После отметки дозы или завершения чек-ина короткий тост или мягкая анимация «Сад подрос». **Не показывать** после кризисного сценария и экрана помощи. - Карточка встроена в `web/src/screens/Today.tsx` над задачами дня; тексты в `ru.ts`. ## Подзадачи - [ ] `web/src/api/client.ts` и `types.ts`: `getGarden` - [ ] `Garden.tsx`: SVG, стадии, прогресс, чек-лист - [ ] интеграция в Today, тост роста - [ ] скриншот для презентации ## Анализ ### Ограничения и риски - Без давления: никаких «вы пропустили», красных цветов, увядания и счётчиков серий. - Доступность: у иллюстрации есть `aria-label` с текстовым описанием стадии. ## Как проверить `make up && make seed` → Андрей → «Сегодня» → сад. Отметить дозу → тост, прогресс вырос. Мобильная ширина 375 px. ### 2026-10-31 - **Что сделано:** `Garden.tsx` (SVG по стадиям, прогресс, чек-лист, тост роста без кризиса), встроен в «Сегодня». PR #125. - **Результат:** проверено на телефоне и десктопе, скриншоты во вложениях.

g_phone_rich_card.png

29 KiB

g_desk_full.png

110 KiB