Разработка веб-приложений — удалённая работа в Москве

Разработка с нуля, дизайн интерфейса. Устройства для масштабирования: смартфоны. Проект - SPA (одностраничное веб-приложение) для мобильных устройств. Цель проекта - выдавать пользователю ответ основываясь на определённые данные. ** 2. Визуальное предпочтение Интерфейс строится на принципе «отсутствия лишнего». Дизайн должен вызывать ощущение спокойствия, как в дорогом спа-отеле или кабинете частного банка. Визуальный стиль: • Глубокие темные оттенки (Graphite, Deep Indigo), акценты «матовое золото». Минимум кнопок, использование «жидких» градиентов и мягких теней; • Шрифт - Noto Sans (для текстов), Cinzel (для заголовков). 3. Страницы/Блоки Экран 1: Форма персональные данные Цель: • Собрать данные с пользователя. Содержит: • Заголовок “Персональные данные”; • Блок ввода даты рождения в формате “дд.мм.гггг чч:мм” с иконкой календаря; • Блок ввода место рождения. Поисковое поле ввода по городам; • Кнопка “Сохранить”. Требование: • Отображение ошибок, если пользователь нажал на кнопку, а поле не заполненно; • Отображать, что данные были успешно сохранены или выводить ошибку. Опционально: • Кнопка открытия карты в блоке ввода место рождения. При выборе - предусмотреть место под карту; • Отображение ошибки или успешного сохранение данных, можно отобразить в виде модального окна, которое не будет удаляться при переходе на другую форму. Экран 2: Форма вопроса Цель: • Отвечать пользователю на волнующие вопросы; • Отображать текущий ответ и историю диалогов. Содержит: • Блок ввода вопроса: • Текстовое поле с placeholder “Задайте вопрос, который вас беспокоит”; • Кнопка “Отправить”; • Кнопка с иконкой микрофона для голосового ввода текста. • Блок отображение ответа от LLM; • Навигационный блок: • Кнопка перехода к Экран 1. Для редактирование персональных данных. • Кнопка для отображение истории. Требование: • К кнопки добавить 2 состояние: ожидание, ошибка; • Для голосового ввода добавить состояние включения; • Выводить ошибку, если она не зависит от пользователя (от сервера). Опционально: • Отображение истории по вопросам от пользователя. Если пользователь нажимает на вопрос, то отображается ответ от LLM в виде раскрывающего списка. Так же нужно будет отображать дату вопроса; • Блок с ответом от LLM, текст может быть отформатирован (содержать заголовки, жирное выделение, курсив, поля-списки); • Отображение истории чата, до вопроса от пользователя.