Русский

Сайт СМТ Клиники

Медицинский центр СМТ Клиника

Основное веб-приложение медицинского центра  smt-clinic.ru, разработанное на стеке Next.js и Django REST Framework. Включает функциональную админ-панель, оптимизацию под поисковые системы, прямую интеграцию расписаний врачей и удобную систему онлайн-записи на приём.

Вячеслав Устинов
Вячеслав УстиновFullstack: Next.js, Zustand, FastAPI, Django, Postgre, Redis, Kafka

Дизайн проекта реализован в соответствии с фирстилем приглашенной студии и инхаус-команды

Дизайн проекта реализован в соответствии с фирстилем приглашенной студии и инхаус-команды

Next.js

Фронтенд приложения реализован на Next.js, React 19 и Zustand. Активно используются серверные компоненты и FSD-архитектура, встроенные в маршрутизируемую структуру Next.js. Вместо тяжеловесных UX-библиотек разработан собственный лёгковесный UX, что позволило минимизировать размер бандлов, обеспечить максимальную производительность и высокую SEO-оптимизацию — страницы загружаются практически мгновенно.

Next.js

Специальные возможности

Реализованы тёмная и светлая темы, а также возможность увеличения шрифта для слабовидящих. Приложение адаптировано и оптимизировано для корректного отображения на экранах любых размеров. Учитывая значимость и узнаваемость медицинского центра в регионе, особое внимание уделено качеству сервиса и доступности приложения для всех пользователей, включая людей с ограниченными возможностями.

Специальные возможности

АИ-интеграция

Приложение интегрировано с ChatGPT через мой собственный прокси-сервис IMVO.SITE. Благодаря этому в систему добавлен «ассистент пациента» — интеллектуальный поиск по сайту, который отвечает на запросы пользователей с контекстными комментариями и рекомендациями.

АИ-интеграция

Дополнительные интеграции с искусственным интеллектом

Наряду с ранее описанными функциями, в сервис внедрены и другие решения на базе искусственного интеллекта. Административная панель теперь включает инструменты для автоматической генерации первоначального контента на основе заголовков. Это значительно ускоряет работу контент-менеджеров клиники. Кроме того, некоторые разделы, такие как позиции прайс-листа, автоматически дополняются вспомогательными описаниями. Такой подход улучшает пользовательский опыт, помогая пациентам лучше понимать сложные медицинские услуги. Важно отметить, что без автоматизации процесс наполнения больших объемов контента, особенно в прайс-листе, был бы весьма затратным для клиники.

Дополнительные интеграции с искусственным интеллектом

Прямая запись пациентов к врачу

В приложении реализована функция прямой записи пациентов на приём через сайт. Парсинг доступных временных слотов и сам процесс записи обеспечивает отдельный FastAPI-микросервис, взаимодействующий с МИС СМТ-Клиники и брокером сообщений для синхронизации с CRM. Оба компонента оформлены как самостоятельные кейсы, подчёркивая их автономность внутри общей системы.

Прямая запись пациентов к врачу

Классический бэкенд на Django

Выбор Django был продиктован несколькими ключевыми факторами:

  • Его зрелая MVT-архитектура (Model-View-Template) обеспечивает структурированный и масштабируемый подход к разработке.
  • Встроенная и гибкая административная панель Django позволила существенно сократить время на разработку интерфейсов управления и, как следствие, оптимизировать совокупный бюджет проекта.
  • Комфортная и мощная ORM-система Django эффективно справляется с большинством CRUD-операций, предлагая инструменты для оптимизации запросов через "синтаксический сахар" (например, select_related и prefetch_related).
  • Для сложных сценариев, требующих максимальной производительности, прозрачности и контроля, мы прибегаем к использованию чистых SQL-запросов, что является наилучшим способом реализации комплексной логики.

Важно подчеркнуть, что использование синхронного стека в данном контексте является взвешенным и оправданным решением. Основной объем запросов от клиентской части обрабатывается выделенным Node.js бэкендом (BFF) для фронтенда на Next.js. В то же время, наиболее ресурсоемкие операции, требующие обработки в реальном времени, делегированы специализированным асинхронным сервисам, что обеспечивает отзывчивость и производительность основной системы.

На главную

Сотрудничаю с агентствами, бизнесом, инхаус-командами

При необходимости, могу пригласить в проект дизайнеров, дата-аналитиков, разработчиков уровня Senior

Связаться в телеграм
Обо мне: портфолио, стек-технологий, условия работы, опыт