# mobile-app-prototip

Прототип мобильного приложения ПЦС ПТ (React + Vite). Содержит набор экранов и дизайн-систему, разбитые по спринтам (см. `SPRINTS.md`).

## Запуск

```bash
npm install
npm run dev
```

Сборка и предпросмотр:

```bash
npm run build
npm run preview
```

## Дизайн-система

Токены в `src/tokens.css`.

Основные цвета:

- `#2BB4A8` — primary (teal), бренд и основные CTA
- `#E04E44` — accent (красный), выделенные действия
- `#F5EDDF` — warm hero, тёплые приветственные блоки
- `#2E9B6B` — success, `#E8A13C` — warning, `#D94141` — danger

Шрифты: **PT Sans** (основной), **PT Sans Narrow** (display/заголовки).

## Экраны

Описания всех экранов — в `src/docs.js`. Ключевые группы и цели пользователя:

- **Главная** (`home:*`) — варианты стартового экрана: Карточки, Лента, Таймлайн, Таймлайн X, Светлая плитка. Цель: быстрый старт — запись или ближайший приём.
- **Запись** (`booking-*`) — 4-шаговый флоу: специализация → врач → дата/время → подтверждение → успех.
- **Врачи** (`doctors`, `doctor`) — список и карточка врача для решения «записаться».
- **Приёмы и медкарта** (`appts`, `appt`, `medcard`, `results`, `result*`) — контроль визитов, заключения, анализы, амбулаторная карта.
- **Восстановление и тесты** (`recovery`, `audiotest`) — трекер после операции и скрининг слуха.
- **Чаты** (`chat`, `chat:ai`, `chat:doctor-*`, `chat:operator`) — AI-помощник, врач, администратор.
- **Сервис** (`profile`, `qr`, `telemed`, `notifications`, `search`, `contacts`, `prices`, `articles`, `article`) — профиль, идентификация, видеозвонок, уведомления, поиск, контент.
- **DEV/Docs** (`dev-colors`, `dev-examples`, `docs`) — палитра, примеры компонентов и гайд по экранам.