Тестовое задание 13 Jul 2024
nohello - не открывайте чат словом «Привет»
- Vue 3
- TypeScript
- Vite
- Tailwind
- i18n
- Cloudflare
Одностраничник-напоминание: открывать переписку пустым «Привет» - значит заставлять собеседника ждать. Взят одноязычный клон и переписан с нуля: переключатель RU/EN в рантайме (с сохранением выбора, синхронизацией html lang и заголовка вкладки), собственные тексты и пример диалога из мира разработки, наглядные карточки «без контекста / с контекстом». Вся страница на базовом уровне качества - семантические лендмарки, skip-ссылка, видимый фокус с клавиатуры, правильная иерархия заголовков и scroll-анимации с учётом prefers-reduced-motion. Внешний вид - тёплая низкоконтрастная тема «вдумчивая бумага» на OKLCH (пергаментные поверхности, приглушённые шалфейный и песочный тона, шрифты Fraunces + DM Sans), и полностью самописный чат-интерфейс без UI-библиотек: сгруппированные пузыри сообщений, асимметричные углы, аватарки на инициалах и галочки прочтения. Фирменный элемент - мягкий индикатор набора под заголовком. Vue 3 + TypeScript + Vite + Tailwind 3, статическая сборка на Cloudflare Pages.