Создать страницу используя Vue.js + реализовать авторизацию несколькими способами.

Дата публикации: 05.08.2022 16:03:40
1. В хеадере разместить логотип (имеется). 2. В центре разместить три вкладки авторизации: - по телефону (по-умолчанию активная), реализовать проверку номера телефона и кнопку Войти. После нажатия на кнопку Войти, должно направляться смс с верификационным кодом. На сайте должно появляться поле для ввода кода, если код введен верно, то автоматическая авторизация и переход на следующую страницу, если не верный код, то должна появляться ошибка и текстовая кнопка Запросить код заново. Должен быть таймер запроса нового кода не раньше чем через 2 минуты. Авторизацию по телефону необходимо привязать к Google сервису https://console.firebase.google.com/ , раздел Authentication используя Provider Phone. - по e-mail: должно отображаться окно с вводом электронного адреса, затем должна происходить проверка корректности электронного адреса и наличия в БД, если все ок, то открывается поле с вводом пароля, также должна присутствовать кнопка вспомнить пароль с отправкой ссылки для сброса пароля на почту. Также должна быть реализована функция по смене пароля, используя функционал Google FireBase. Авторизацию по email также необходимо привязать к Google сервису https://console.firebase.google.com/ , раздел Authentication используя Provider Email/Password. - с помощью telegram Более подробная информация здесь [Telegram Login Widget]( https://core.telegram.org/widgets/login) . Для реализации этого метода нужно создать телеграм бота [Bots: An introduction for developers]( https://core.telegram.org/bots)#3-how-do-i-create-a-bot и разместить его на нашем сервере. 3. Четвертая вкладка Зарегистрироваться: должна отображаться форма для ввода имени, фамилии, email, номер телефона, после чего правее от формы email должна отображаться кнопка подтвердить после нажатия на которую на почту должен прийти 5ти значный код, возле поля телефон также должна быть кнопка валидировать, после нажатия на которую должен прийти 5ти значный код на телефон в виде СМС, если человек не подтвердил свой телефон и email, копка Зарегистрироваться не должна быть активной. 4. После успешной авторизации одним из вышеперечисленных методов, посетителя должно перекидывать на страницу с Dashboard, на самой странице пока не должно быть функционала, но сделать страктуру с левым горизонтальынм меню и рабочей областью.
Источник: www.fl.ru
Число просмотров: 3

Еще проекты:

Фирменный стиль и регламент интерьера для торговых точек

У нас торговых точек по продаже верхней одежды, хотим сделать фирменный стиль и стиль для интерьера. Точки меняются так, как работаем как ярмарка по неделям. Оборудование интерьера должно быстро транспортироваться. По фирменному стилю нужно сделать все. Логотип, бирки, флаеры, постеры и т.д.

Разработать этикетку для свечей для печати

Для бренда свечей нужно разработать этикетку в современном минималистичном стиле, для дальнейшей передачи и печати в типографии

Автоинформатор по whatsapp

Добрый день, требуется создать мобильное приложение которое будет звонить по Вотс ап и рассказывать рекламное предложение. Приложение будет устанавливаться на 20-30 Андройд телефонов и все они должны быть в серверной части, где будет выполнять настройка обзвона. Так же требуется установить распознание ответа.

Корректировка НВК (Бюджет: 20000 руб)

Добрый день! Будем рады получить предложения на корректировку раздела НВК. Приложения (часть исходных данных будет выслана ответным письмом): 1. Схема, т.е. наше видение, нужно исправить дренаж, ЛК и ХБК, водопровод (он заведён в здание и сдан) и учесть корректировку выносимой теплосети РД-036-2022-02-ТС; 2. Раздел НВК (старый) в формате *dwg; 3. ТУ Водоканала (они продлены) 4. Согласование проекта в Водоканале 5. Проект ЛК согласованный в Зеленстрое 6. ТУ Зеленстроя (они продлены) 7. В...

Разработка логотипа студии

О нас.  Мы студия разработки мобильных игр RedBark, у нас сильная семейной культура, мы дорожим дорожит командой и отношениями внутри, но открыты ко всему новому. Название студии имеет свою историю и связано с образом парусника на закате. ТЗ.  Хотелось бы сохранить ассоциативную связь с лодками, логотип должен отражать образ студии разработчика игр и создания креативных материалов, не концентрироваться только на игровой составляющей . По цветам предпочтительно использовать яркие контрастные ц...