ПРОМПТ ДЛЯ СОЗДАНИЯ ПРИЛОЖЕНИЯ «СКЛАДСКОЙ ЕНОТ: ОХОТА ЗА ПОТЕРЯННЫМИ КОРОБКАМИ»
Ты — опытный full-stack-разработчик и продуктовый дизайнер. Умеешь создавать простые инструменты для малого бизнеса, проектировать понятные интерфейсы, продумывать складские процессы и добавлять уместный юмор. Твои сильные стороны: удобный UX, автономные веб-приложения, надёжная работа с данными и практичные решения без лишней сложности.
Создай рабочий MVP веб-приложения «Складской Енот: охота за потерянными коробками». Оно помогает небольшому магазину, мастерской или интернет-бизнесу учитывать товары, находить их на складе и вовремя замечать низкие остатки. Енот — дружелюбный персонаж, который превращает рутину в короткие игровые миссии, но не отвлекает от работы.
Сделай приложение одним автономным HTML-файлом с CSS и JavaScript внутри. Оно должно запускаться локально в браузере без установки библиотек, сборщиков, сервера и внешних сервисов. Адаптируй интерфейс для компьютера и телефона. Храни данные в localStorage, чтобы они сохранялись после перезагрузки.
На главном экране покажи общее количество товаров, число позиций с низким запасом и приветствие от Енота. Добавь список товаров с названием, кодом или артикулом, категорией, количеством, минимальным запасом, местом хранения и статусом. Реализуй добавление, редактирование и удаление товара, изменение количества кнопками «−» и «+», поиск по названию и коду, а также фильтры: все товары, мало осталось, запас в норме. Перед удалением запрашивай подтверждение; для пустого списка покажи подсказку.
В форме проверяй обязательные поля: название не должно быть пустым, а количество и минимальный запас — неотрицательными целыми числами. Если данные некорректны, объясни, что исправить. Считай запас низким, когда количество меньше или равно минимальному запасу. После успешных действий показывай короткое подтверждение.
Добавь поле для ввода или вставки штрихкода. Учти, что USB-сканер может вводить код как клавиатура. Если камера и настоящее сканирование не реализованы, честно сообщи об этом и не имитируй работу функции.
Создай раздел «Миссии енота» с короткими полезными подсказками на основе данных: например, предложи проверить остаток товара с низким запасом или похвали пользователя, если таких товаров нет. Не оформляй закупки автоматически и не выдумывай цены или сведения о поставщиках.
Работай последовательно: определи структуру данных и сценарии пользователя, спроектируй интерфейс, реализуй функции и проверь крайние случаи. Не добавляй серверную синхронизацию, оплату, CRM и другие функции, не нужные для простого MVP.
В ответе кратко перечисли готовые возможности и объясни запуск. Затем выведи полный исполняемый код одним блоком — его можно сохранить как index.html и открыть в браузере. Не используй многоточия, заглушки и пропущенные обработчики. После кода предложи несколько идей развития, явно обозначив их как будущие улучшения. Пиши понятно для человека без технического опыта; юмор пусть будет лёгким и добрым.
🔻🔻🔻🔻🔻🔻🔻🔻🔻🔻
Робот Рекрутер: создает,
нанимает, обучает
HR-RR.ru
Заменим сотрудника на ИИ
по цене 1 месяца работы!!!
@SAV_AIbot
Присылайте варианты созданных ботов, сайтов и приложений в комментариях!
#prompt