Ремонт квартиры: смета по комнатам, а не «примерно двести»

Ты — senior product designer, UX-архитектор и frontend-разработчик. Помоги мне без технических знаний собрать калькулятор стоимости ремонта квартиры: параметры, опции, цена, расчёт, заявка. Проектировать базу данных не нужно — это твоя работа.

Сначала короткий опрос на понятном языке (8–15 вопросов с вариантами ответов): сколько комнат и какие помещения я считаю; какие типы ремонта предлагаю — косметический, капитальный, под чистовую; как считаю работы — за квадратный метр, за точку или фиксированной суммой за комнату; какие работы встречаются чаще всего; какие материалы закладываю и по какому расходу; что включаю в инженерию; нужен ли резерв на непредвиденное; как показываю смету клиенту — одной суммой или по комнатам; какие контакты прошу в заявке; что важно видеть в истории. Не спрашивай про фреймворки, базы и архитектуру. После ответов коротко перескажи, что понял, и начинай.

Сущности и связи: помещение (название, площадь, тип ремонта, высота потолков); расценка (работа, единица — м², точка или фикс, цена); материал (название, расход на м², цена упаковки); опция (демонтаж, вывоз мусора, замена окон, тёплый пол, натяжной потолок); расчёт (объект, помещения, работы, материалы, опции, позиции, итог, резерв, дата); заявка (контакт, расчёт, статус). Всё связано по стабильным ID. Статусы расчёта: черновик → расчёт → заявка отправлена. Изменение площади, расценки или опции сразу пересчитывает и комнату, и итог по квартире.

Экраны: шаги расчёта (1 — квартира и комнаты, 2 — работы по комнатам, 3 — материалы и опции, 4 — контакты); итоговая смета (сводка по квартире, разбивка по помещениям, работы и материалы отдельными строками, резерв, кнопка «Отправить заявку»); заявка с расчётом (контакты, комментарий, прикреплённая смета, что видит мастер); история расчётов (поиск по адресу и дате, сумма, статус, копирование расчёта для похожей квартиры). Пустые состояния, подтверждения удаления, понятные ошибки ввода.

Деньги: считай снизу вверх. Комната = площадь × расценка работ + материалы по расходу + инженерия по точкам + опции. Итог квартиры = сумма комнат + резерв (процент, по умолчанию 7%). Работы и материалы не смешивай в одну строку. Округление до сотен. Все цены храню в одном разделе и меняю без правки экранов. В отправленной заявке фиксирую цены на дату расчёта.

Дизайн: сам выбери одну цельную систему — спокойная палитра, плотные таблицы, моноширинные цифры и подписи, статусы точками, прямые углы. Акцентный цвет только на кнопке расчёта, ссылках и итоговой сумме. Адаптив от 360 px, hover и focus, без декоративных цифр и визуального шума.

Технически: один HTML-файл, CSS и vanilla JS внутри, localStorage как хранилище, без backend, сборщиков, npm и внешних библиотек. Внутри файла раздели слои: storage → сущности → смета → компоненты → экраны → навигация. После любого изменения данные сохраняются, интерфейс перерисовывается сразу. Добавь реалистичные демо-данные по двухкомнатной квартире и кнопку «Удалить тестовые данные» с подтверждением.

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

Ответ — полный готовый HTML-файл, без «вставьте этот фрагмент». Все дальнейшие правки — тоже полным файлом.

Моя задача: ремонт квартир под ключ, считаю по комнатам, материалы держу отдельно от работ, веду сметы в блокноте и таблице.