Создайте страницу с формой и базой заявок

Что подготовить

• Убедитесь, что Octo Apps доступна в вашем рабочем пространстве. Попросите Octo уточнить доступные условия размещения перед запуском.
• Подготовьте предложение, тексты и поля формы. Для упражнения скачайте ТЗ страницы записи на разбор портфолио.
• Используйте тестовые контакты. Решите, кто должен видеть поступившие заявки и где вам удобно их просматривать.

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

Опишите весь результат

Попросите страницу, работающую форму, сохранение данных и способ их просмотра. Если сказать только «сделай лендинг», легко получить внешний вид без завершённого сценария сбора заявок.

Попросите агента назвать необходимые доступы и условия размещения. В учебном проекте достаточно одного простого сценария; дополнительные интеграции можно добавить после проверки основы.

По приложенному ТЗ создай учебную страницу с формой через Octo Apps. Нужны сохранение заявок и доступный мне способ их просмотра. Используй тестовые данные. Сначала уточни условия размещения и необходимые доступы, затем покажи план. После создания дай ссылку и объясни, где проверить поступившую заявку.

Пройдите путь посетителя

Откройте выданную ссылку и проверьте страницу на телефоне. Отправьте тестовую заявку и найдите её в месте хранения, которое показала Octo.

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

Проверь весь сценарий формы: корректная заявка сохраняется, пустые обязательные поля и некорректный email не принимаются, повторное нажатие при отправке не создаёт дубль. Убедись, что список заявок не доступен обычному посетителю. Покажи результаты и укажи, что не удалось проверить.

Пример результата

Главный нюанс и проверка

Форма на экране и сохранённая заявка — два разных результата. Проверяйте их отдельно. До сбора реальных заявок настройте необходимые условия обработки данных и доступ команды к записям.

Перед тем как использовать результат

• Ссылка открывается, страница и форма удобны на телефоне.
• Успешная отправка создаёт запись с правильными полями.
• Ошибки ввода понятны, данные не теряются без объяснения.
• Просмотр заявок доступен нужным людям, а не всем посетителям.

Как повторить на своей задаче

Дальше можно менять тексты, добавлять поля или связывать заявку с рабочим процессом. В каждой задаче укажите, что уже сохранённые записи нужно оставить. Если хотите понять устройство сервиса и базы глубже, продолжите уроком с Postgres.