Главная / Программирование и IT / Генератор кода интернет-магазина

Генератор кода интернет-магазина

Описание промпта

Промпт для создания полного кода современного, адаптивного e-commerce сайта в одном HTML-файле с встроенными CSS и JS.

Что делает этот промпт

Генерирует готовый к запуску код одностраничного интернет-магазина с функционалом корзины, фильтрации и оформления заказа.

Преимущества

Экономит время на верстке, обеспечивает адаптивность и современный дизайн без использования фреймворков.

Для кого подходит

Разработчики, студенты, предприниматели для быстрого прототипирования e-commerce решений.

Инструкция по использованию промпта

Скопируйте промпт в ChatGPT, Claude или Gemini. Полученный код сохраните как index.html и откройте в браузере.

Что нужно предоставить

Необходимо открыть полученный HTML-файл в браузере. Требуется интернет-соединение для загрузки изображений с публичных источников.

Что ожидать в результате

Полный HTML-код с встроенными стилями и скриптами, реализующий все заявленные функции магазина.

Рекомендации

Код использует публичные URL для картинок. Если они не загрузятся, замените их на локальные или другие доступные ссылки.

Ограничения

Отсутствие реального бэкенда и базы данных. Данные корзины и заказов не сохраняются после перезагрузки страницы.

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

Текст промпта

ChatGPT Войти для копирования

Выступи в роли старшего full-stack разработчика и UI/UX дизайнера.

Твоя задача: создать с нуля современный, профессиональный и полностью адаптивный интернет-магазин в одном HTML-файле (index.html), включающем CSS и JavaScript.

Технологии: HTML5, CSS3, Vanilla JS. Без бэкенда. Код должен быть чистым и понятным.

Обязательные функции:
1. Навигация: Логотип, меню (Главная, Магазин, Категории, О нас, Контакты), поиск, корзина (с счетчиком), вход/регистрация.
2. Hero-секция: Баннер, заголовок, кнопка "Купить сейчас".
3. Категории: Карточки (Электроника, Мода, Обувь, Аксессуары, Красота, Дом).
4. Товары: Карточки с изображением, названием, рейтингом, ценой (старая/новая), скидкой, кнопками "В корзину", "Купить", "В избранное".
5. Фильтрация: Поиск, сортировка по цене/рейтингу, фильтр по категориям.
6. Корзина: Добавление/удаление товаров, изменение количества, подсчет итоговой суммы, очистка.
7. Оформление заказа: Форма (ФИО, email, телефон, адрес, город, индекс, способ оплаты) с валидацией.
8. Дополнительно: Секции "Распродажа", "Бестселлеры", "Отзывы", подписка на рассылку.
9. Футер: Ссылки, соцсети, копирайт.

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

Используй реалистичные данные и публичные ссылки на изображения товаров.

Важно: Верни только полный рабочий код в одном HTML-файле. Не давай объяснений. Результат должен выглядеть как профессиональный продукт, а не демо.

Генератор кода интернет-магазина

Поделитесь в социальных сетях

Комментарии