Описание задачи

Необходимо разработать одностраничное веб-приложение (веб-интерфейс) для управления рецептами производственной печи. Пользователь должен иметь возможность создавать, просматривать, редактировать, удалять рецепты, а также добавлять их в отдельный список "Избранное".

Требования к работе с файлами

Перед началом работы интерфейс должен загружать два файла с подключенного USB-накопителя:

  • Основной файл с рецептами (имя файла: RECEPTY.txt)
  • Файл со списком "Избранное" (имя файла: IZBRANNOE.txt)

Все изменения, выполненные пользователем (добавление нового рецепта, удаление, переименование, редактирование списка избранного), должны сохраняться обратно в эти же файлы на накопителе. Работа без открытых файлов невозможна; первый экран - загрузка файлов или выбор накопителя.

Функционал интерфейса (обязательные функции)

  • Просмотр списка рецептов - отображение базовой информации по каждому рецепту.
  • Создание нового рецепта - форма с полями: название, температура/уставка, время выдержки, примечания, номер (поле ID).
  • Редактирование - возможность изменить любой параметр существующего рецепта.
  • Удаление - с запросом подтверждения (контрольный запрос "Подтвердите удаление").
  • Избранное - кнопка для добавления/удаления рецепта в список "Избранное" (IZBRANNOE.txt).
  • Экспорт/Печать - необязательно, но предпочтительна кнопка для экспорта выбранного рецепта в PDF.

Требования к пользовательскому интерфейсу (UI)

  • Интерфейс должен быть выполнен аккуратно и логично.
  • Не обязательно сложное скругление или градиенты. Главное - удобство и понятность.
  • Валидация полей (например, проверка на пустые строки, ошибочные символы в числовых полях).
  • Адаптивность или небольшой фиксированный макс-размер (рекомендуется центрированный блок 800-1024px).
  • Поддержка меню через простые вкладки (или фиксированную панель).

Ключевые правила безопасности текста

  • В названиях файлов использовать только латиницу (допускается кириллица в самом содержимом рецептов).
  • При открытии файла через диалог операционной системы обрабатывать ошибки (пользователь не выбрал нужный файл или файл открылся без нужного расширения и структуры).
  • При редактировании оставлять след сохранения (перехваченные данные не должны быть потеряны до выхода).

Технологический стек

Рекомендуется использование чистого фронтенда: HTML + CSS + JavaScript (или связка jQuery/Vanilla). Использование библиотек для стилей допустимо, главное - конечный рабочий функционал. PHP или Node.js возможны (если нативно взаимодействует со структурой файловой системы), но желательно решение без cерверa (веб-страница должна запускаться локально без онлайн-аренды хостинга).

Создание векторной схемы автомобиля для интерактивной карты повреждений

Необходимо подготовить полностью редактируемую векторную иллюстрацию автомобиля (вид сверху) для использования в качестве навигационной схемы на странице выкупа авто. Иллюстрация должна быть чистой, аккуратной и готова к интеграции с JavaScript для выбора зон, как показано в подробном техзадании (см. файл с описанием).