Getting Started

1. Run npm install
2. Run npm run dev

Особенности

Поддержка русского языка

Приложение полностью поддерживает создание постов и топиков на русском языке с автоматической транслитерацией:

• ✅ Создание топиков на русском языке
• ✅ Создание постов с русским текстом
• ✅ Автоматическая транслитерация названий (русский → латиница)
• ✅ Сохранение оригинального текста и транслитерированной версии

Пример:

Заголовок: "Как использовать фреймворк?"
Транслитерация: "kak-ispolzovat-freymuork"

Мобильная адаптация

Приложение оптимизировано для мобильных устройств:

• ✅ Предотвращение нежелательного зума при вводе текста
• ✅ Оптимизированные touch targets (минимум 44px)
• ✅ Адаптивные формы для мобильных экранов
• ✅ Поддержка устройств с вырезами (notch)
• ✅ Совместимость с iOS Safari и Android Chrome

Технические решения:

• Viewport meta tag с maximum-scale=1.0 и user-scalable=no
• CSS правила для предотвращения зума на фокус
• Font-size 16px для input полей (iOS Safari requirement)

Подробное описание: см. MOBILE_ADAPTATION.md

Оптимизация состояния

Приложение использует оптимистичное обновление состояния для мгновенного отображения новых элементов:

• ✅ Мгновенное отображение созданных топиков и постов
• ✅ Оптимистичное обновление без перезагрузки данных
• ✅ Улучшенная производительность и UX
• ✅ Снижение нагрузки на сервер

Как работает:

1. Пользователь создает топик/пост
2. Ждем успешного ответа сервера
3. Мгновенно добавляем элемент в локальное состояние
4. UI обновляется без задержек

Подробное описание: см. STATE_OPTIMIZATION.md

Профиль пользователя

Приложение включает страницу профиля с возможностью загрузки аватарки:

• ✅ Просмотр и редактирование профиля
• ✅ Загрузка аватарки (JPG, PNG, GIF, WebP до 2MB)
• ✅ Отображаемое имя и настройки пользователя
• ✅ Аватарки в шапке и профиле
• ✅ Интеграция с GitHub для хранения изображений

Как использовать:

1. Клик на имя пользователя в шапке
2. Переход на страницу профиля /profile
3. Загрузка аватарки через иконку камеры
4. Редактирование отображаемого имени

Подробное описание: см. USER_PROFILE.md

Поддержка Markdown

Приложение поддерживает полный Markdown синтаксис для создания красивых сообщений:

• ✅ Парсер Markdown с подсветкой кода и таблицами
• ✅ Редактор с подсказками и горячими клавишами
• ✅ Панель инструментов для быстрого форматирования
• ✅ Предварительный просмотр сообщений
• ✅ Поддержка GFM (GitHub Flavored Markdown)

Возможности редактора:

• Жирный/курсив: **text**, *text* или Ctrl+B/Ctrl+I
• Код: `code` или Ctrl+`
• Ссылки: [text](url) или Ctrl+K
• Списки: - item или Ctrl+Shift+8
• Цитаты: > text или Ctrl+Shift+>
• Таблицы и многое другое

Подробное описание: см. MARKDOWN_SUPPORT.md