Техническое задание: Клон интерфейса авторизации Telegram Web
Цель проекта
Создать визуально идентичную и функциональную копию мобильной версии страницы входа в Telegram Web. Интерфейс должен состоять из трех последовательных экранов и взаимодействовать с предоставленным API.
Требуемые экраны (UI/UX)
- Экран 1: Ввод номера телефона.
- Экран 2: Ввод кода подтверждения (SMS-код).
- Экран 3: Ввод двухфакторной аутентификации (2FA пароль).
Технические требования
Фронтенд-стек
- Чистый HTML5 для разметки.
- CSS3 для стилизации, полностью соответствующий оригинальному дизайну.
- Ванильный JavaScript (без фреймворков) для логики интерфейса и API-запросов.
Интеграция с API
- Все пользовательские действия (отправка номера, кода, 2FA) должны отправляться HTTP-запросами на предоставленное заказчиком API.
- Интерфейс должен корректно обрабатывать и отображать все ответы от API, включая успешную авторизацию и различные сценарии ошибок (неверный код, неверный пароль, проблемы с сетью и т.д.).
Платформа
Разработанное решение будет встроено в качестве WebApp (веб-приложения).
Критерии приемки
- Пиксельная точность визуального соответствия оригинальной мобильной версии Telegram Web.
- Корректная пошаговая навигация между тремя экранами.
- Стабильная работа всех форм и полей ввода.
- Полная интеграция логики с внешним API.