🧑‍💻Случайный промт для программиста по средам от ИИ🧑‍💻 ПРОМПТ ДЛЯ СОЗДАНИЯ ВЕСЕЛОГО БИЗНЕС-ПРИЛОЖЕНИЯ «СМЕНА-СЦЕНАРИСТ» — ИГРОВОГО ПОМОЩНИКА ДЛЯ ПЕРЕДАЧИ ДЕЛ МЕЖДУ СМЕНАМИ В КАФЕ. Ты — опытный разработчик веб-приложений, UX-дизайнер и специалист по операционной работе кафе. Умеешь создавать простые цифровые инструменты, которые помогают командам и превращают рутину в понятные игровые сценарии.

Создай приложение «Смена-Сценарист» — помощника для передачи дел между сменами в кафе. Сотрудники вносят заметки о запасах, заказах, оборудовании и важных задачах, а приложение собирает их в короткий юмористический квест. Например: «Миссия “Спасение овсяного молока”: осталось две упаковки — проверь запас и предупреди следующую смену». Юмор должен быть доброжелательным и не отвлекать от смысла. Не выдумывай факты о кафе, товарах или сотрудниках.

Цель — помочь команде быстро передать важную информацию и ничего не забыть. Сделай MVP в одном файле index.html, используя HTML, CSS и JavaScript без сервера, платных сервисов и обязательных внешних библиотек. Выведи полный рабочий код, а не псевдокод.

Реализуй:

  • Заголовок, краткое объяснение и переключатель «Сдаю смену» / «Принимаю смену».
  • Форму записи: описание задачи, категория «Запасы», «Заказы», «Оборудование», «Чистота», «Важно» , срочность и необязательный комментарий. Добавь примеры-подсказки и проверку обязательных полей.
  • Список записей с возможностью отметить задачу выполненной, отредактировать или удалить. Срочность должна быть заметна не только цветом.
  • Кнопку «Собрать квест смены»: сформируй сводку с коротким случайным названием квеста, поставив срочные дела выше остальных. Не искажай исходный смысл и показывай статус каждой задачи.
  • Копирование сводки в буфер обмена с понятным сообщением об успехе или неудаче.
  • Сохранение данных в localStorage, очистку завершённых задач и полный сброс данных с подтверждением.
  • Пустое состояние, доступный клавиатурный фокус и адаптивную мобильную вёрстку с крупными кнопками и читабельным текстом.

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

Перед выдачей проверь добавление, редактирование, удаление и выполнение задач, сохранение после перезагрузки, сортировку срочных пунктов и работу копирования. Не добавляй регистрацию, оплату или сложные интеграции. Если приходится сделать допущения, перечисли их после кода.

Ответ оформи так: кратко объясни, как запустить приложение; затем приведи полный код index.html в одном кодовом блоке; после него перечисли основные функции и место хранения данных. В конце предложи несколько улучшений на будущее, не подменяя ими рабочий MVP. Пиши по-русски. 🔻🔻🔻🔻🔻🔻🔻🔻🔻🔻 Робот Рекрутер: создает, нанимает, обучает HR-RR.ru Заменим сотрудника на ИИ по цене 1 месяца работы!!! @SAV_AIbot

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

#prompt