💻 Как разработать таск-трекер на Bubble: формируем базу данных

Если вы не читали наши предыдущие посты про разработку таск-трекера на Bubble, то ищите его по хештегу #code_breakers_как_разработать_таск_трекер_на_Bubble. А мы переходим к следующему шагу.

Четвёртый этап. Страница с регистрацией юзера и созданием команды
Экран Sign Up. Здесь процесс регистрации выстроен из 3 шагов. Юзер создаёт свой аккаунт, потом создаёт и называет команду, затем присваивает свою аватарку (или оставляет изображение по умолчанию).

Все 3️⃣ шага располагаем на одной странице, но делаем три элемента. В темплейте они есть.

Через Custom State — состояние элементов — указываем состояние, при котором каждый элемент будет виден. Для первого шага — регистрация юзера — сделаем Custom State 0. Это состояние по умолчанию — форма регистрации при первом визите видна на странице. Второе состояние — 1, следующая форма для создания команды. Третье состояние — 2, появляется форма для добавления аватарки пользователя.

Через Start/Edit workflow назначаем события, привязанные к кнопкам Sign Up, Continue и Finish. При нажатии на каждую кнопку в базе данных создаётся новая строка в соответствующем месте: имя и фамилия юзера, его почта и пароль; название команды и её фотография пользователя. Это происходит через настройку Create a new thing с указанием источников данных: из каждой строки формы создаётся отдельная запись в базу данных.

Таким образом пользователь создаёт запись о себе и привязывает себя к конкретной команде, которая будет работать над проектами и выполнять задачи. И эти данные будут отображаться на следующем экране — в личном кабинете, или в дашборде.

➖➖➖➖➖➖➖➖➖➖➖➖

Хотите научиться разрабатывать востребованные IT-продукты с помощь Bubble и зарабатывать на этом? Приходите на наш курс «Веб-разработчик без кода». Стартуем сразу после праздников, — 10 января!

💙 ХОЧУ ОСВОИТЬ BUBBLE: codebreakers.tech/bubble