Dental Booking Prototype

Локальный кликабельный MVP-прототип мобильного приложения для стоматологической сети.

Проект сделан как статическое фронтенд-приложение без отдельного бэкенда. Основной сценарий: пользователь проходит путь от главной страницы до подтверждения записи на приём. Дополнительно есть простые разделы с клиниками, врачами и профилем.

Что есть в прототипе

• главная страница;
• экран начала записи;
• выбор услуги;
• выбор клиники;
• выбор врача;
• выбор даты и времени;
• экран подтверждения записи;
• разделы Клиники, Врачи, Профиль.

Структура проекта

MVP_mobile/
├── app/
│   ├── index.html          # HTML-точка входа
│   ├── styles.css          # стили интерфейса
│   ├── main.js             # навигация, обработка кликов, маршруты
│   ├── bookingFlow.js      # экраны сценария записи
│   ├── sections.js         # разделы клиник, врачей и профиля
│   ├── data.js             # моковые данные прототипа
│   └── assets/
│       └── svg/            # иконки и декоративная графика
├── docker-compose.yml      # запуск через Docker
├── nginx.conf              # конфиг nginx для раздачи статики
└── README.md               # описание проекта и инструкция по запуску

Вариант 1. Запуск через Docker

Это основной способ запуска, который уже предусмотрен в проекте.

Что нужно

• Docker
• Docker Compose

Как запустить

cd /User/MVP_mobile
docker compose up -d

После запуска приложение будет доступно по адресу:

http://localhost:8080

Как остановить

cd /User/MVP_mobile
docker compose down

Как перезапустить

cd /User/MVP_mobile
docker compose down
docker compose up -d

Вариант 2. Быстрый локальный запуск без Docker

Если Docker не нужен, можно поднять простой статический сервер из папки app.

Что нужно

• Python 3

Как запустить

cd /User/MVP_mobile
python3 -m http.server 8080 --directory app

После запуска приложение будет доступно по адресу:

http://localhost:8080

Как остановить

Если сервер запущен в текущем терминале, нажмите:

Ctrl+C

Что используется для Docker-развёртывания

• docker-compose.yml поднимает контейнер с nginx;
• папка app/ монтируется в контейнер как статический сайт;
• nginx.conf раздаёт index.html и статику;
• настроен SPA fallback, чтобы приложение корректно открывалось как единый прототип.

Примечание

Это MVP-прототип для локального просмотра и демонстрации сценария записи. Проект не рассчитан на production-развёртывание в текущем виде и не требует серверной части для просмотра интерфейса.