Если вы еще в нем не зарегистрированы и не пробовали, то переходите по ссылке выше, активируйте код ниже и пользуйтесь. Код:
CHAT-7TTJK5XN
Смотрите, как это все базово реализовывалось. Я описал это в предыдущих уроках.
То есть тут просто очень последовательно, через множество правок, добавлялись какие-то отдельные элементы.
Вообще изначально это была идея сайта для совместного прохождения с искусственным интеллектом курсов. От этого вот сейчас остался самый верхний модуль, в котором у вас, скорее всего, ничего нет, если вы не проверяли курс по генеративному трансу.
В процессе стало понятно, что очень неплохо на эту идею ложится добавление прямо здесь обычного чата, где можно обсудить любые вопросы. И, собственно, очень последовательно, без каких-либо суперпромтов, добавлялись и итерировались все элементы, которые вы можете увидеть в текущем интерфейсе. Просто пример одного из "допилов":
Давай поменяем дизайн того, как выглядят ответы. У нас сейчас есть подложка и отступы по краям из-за того что слева аватарка нашего бота, давай сделаем, чтобы аватарка была как вот на референсе сверху, а ответ уже ниже. Без подложки на всю ширину экрана. Ну там с небольшими отступами стандартными. В общем, повтори полностью этот референс.
И я опять же уже это упоминал. Это единственный способ создавать такие сложные вещи.
То есть у вас должны быть какие-то референсы, у вас должно быть понимание, как это все выглядит, хотя бы примерно.
И через множество итераций с общением с ботом вы добавляете все больше и больше элементов. Правите те,…
🔒
Этот материал доступен участникам Клуба. Войдите или оформите доступ,
чтобы читать целиком, открывать видео и комментировать.