150+ промптов для продвинутого вайб-кодинга - страница 5

Ожидаемый результат: AI сгенерирует серверный код с поддержкой WebSocket-соединений, маршруты для сохранения и извлечения истории рисунков из MongoDB, а также набор React-компонентов для интерактивного управления доской. Приложение позволит нескольким пользователям одновременно вносить изменения, обеспечивая синхронное отображение контента.

Интернет-магазин с каталогом товаров и корзиной

Описание задачи: Разработать базовый интернет-магазин, в котором отображается каталог товаров, осуществляется фильтрация по категориям, и реализована функциональность добавления товаров в корзину. Данные о товарах хранятся в MongoDB, API для работы с ними реализовано на Node.js с Express, а клиентский интерфейс построен на React.

Профессиональный промпт: «Создай интернет-магазин на MERN-стеке. Приложение должно отображать каталог товаров, данные о которых хранятся в MongoDB, с возможностью фильтрации по категориям и ценам. Используй Node.js и Express для создания RESTful API, а React для разработки адаптивного пользовательского интерфейса с функциональностью добавления товаров в корзину и оформления заказа. Обеспечь обновление корзины в режиме реального времени.»

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

Личный планировщик задач с Drag-and-Drop

Описание задачи: Создать приложение для управления задачами, где пользователи могут создавать, редактировать и перемещать задачи между колонками (например, «Новые», «В работе», «Готово») с помощью функции drag-and-drop. Данные о задачах сохраняются в MongoDB, а серверная логика реализована на Node.js с Express. Интерфейс должен быть динамичным и адаптивным.

Профессиональный промпт: «Разработай личный планировщик задач на MERN-стеке. Реализуй RESTful API на Node.js и Express для операций CRUD с задачами, хранящимися в MongoDB. На фронтенде используй React для создания интерактивного интерфейса, поддерживающего функциональность drag-and-drop для перемещения задач между колонками («Новые», «В работе», «Готово»). Обеспечь адаптивный дизайн и интуитивное управление задачами.»

Ожидаемый результат: AI сгенерирует серверные маршруты для управления задачами, модели для MongoDB, а также React-компоненты с поддержкой drag-and-drop (например, с использованием библиотеки React DnD) для визуального управления задачами. Приложение позволит пользователю легко организовывать рабочий процесс.

Личный дневник с системой аутентификации

Описание задачи: Создать защищённое приложение для ведения личного дневника, где пользователи могут регистрироваться, входить в систему и создавать, редактировать и удалять свои записи. Аутентификация реализуется с использованием JWT, данные хранятся в MongoDB, а серверная логика на Node.js с Express, а фронтенд – на React.

Профессиональный промпт: «Создай личный дневник на MERN-стеке с системой аутентификации. Приложение должно позволять пользователям регистрироваться и входить в систему с использованием JWT. После входа пользователь сможет создавать, редактировать и удалять свои записи, хранящиеся в MongoDB. Реализуй RESTful API на Node.js и Express для управления записями, а фронтенд на React для создания защищённого, адаптивного интерфейса. Обеспечь защиту маршрутов и корректную обработку ошибок.»