You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2.4 KiB
2.4 KiB
mobile-app-prototip
Прототип мобильного приложения ПЦС ПТ (React + Vite). Содержит набор экранов и дизайн-систему, разбитые по спринтам (см. SPRINTS.md).
Запуск
npm install
npm run dev
Сборка и предпросмотр:
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) — палитра, примеры компонентов и гайд по экранам.