Перейти к содержанию

Функциональность и пользовательские сценарии

↑ Вернуться к оглавлению

Карта страниц и переходов

graph TD
    subgraph Public["Публичные страницы"]
        LOGIN["/login — LoginPage"]
        REGISTER["/register — RegisterPage"]
        SHARE_VIEW["/share/view/:token — ShareRecipientPage"]
    end

    subgraph Protected["Защищённые страницы (AppLayout + BottomNav)"]
        HOME["/ — HomePage"]
        FEED["/feed — FeedPage"]
        WARDROBE["/wardrobe — WardrobePage"]
        ITEM["/wardrobe/:itemId — WardrobeItemPage"]
        ADD["/add — AddItemSourcePage"]
        ADD_DETAILS["/add/details — AddItemDetailsPage"]
        OUTFITS["/outfits — OutfitsPage"]
        BUILD["/outfits/build — OutfitBuilderPage"]
        SELECT["/outfits/build/select — ItemSelectPage"]
        OUTFIT_DETAIL["/outfits/:outfitId — OutfitDetailPage"]
        PROFILE["/profile — ProfilePage"]
        SETTINGS["/profile/settings — SettingsPage"]
        SHARE["/share/:outfitId — SharePage"]
    end

    LOGIN -->|"успешный вход"| HOME
    REGISTER -->|"регистрация"| HOME
    SHARE_VIEW -->|"не авторизован"| LOGIN
    SHARE_VIEW -->|"claim"| HOME

    HOME --> FEED
    HOME --> WARDROBE
    WARDROBE --> ITEM
    WARDROBE --> ADD
    ADD --> ADD_DETAILS
    ITEM --> BUILD
    OUTFITS --> OUTFIT_DETAIL
    OUTFITS --> BUILD
    BUILD --> SELECT
    OUTFIT_DETAIL --> SHARE
    SHARE_VIEW -->|"забрать образ"| OUTFITS
    FEED -->|"открыть образ"| OUTFIT_DETAIL
    FEED -->|"поделиться"| SHARE
    PROFILE --> SETTINGS

Диаграмма

Сводная таблица функциональности

Фича Страницы Суть Подробнее
Маршрутизация App.tsx, ProtectedRoute, AppLayout Nested routes, guard-редиректы, layout с BottomNav routing/
Аутентификация LoginPage, RegisterPage JWT (access + refresh), interceptors, формы входа/регистрации auth/
Гардероб WardrobePage, AddItemSourcePage, AddItemDetailsPage, WardrobeItemPage Добавление вещей по фото, ML-классификация, фильтрация, редактирование wardrobe/
Образы OutfitsPage, OutfitBuilderPage, ItemSelectPage, OutfitDetailPage Конструктор образов со слотами, автоназвание, похожие образы outfits/
Социальные функции SharePage, ShareRecipientPage, FeedPage Шеринг по ссылке, claim образов, бесконечная лента с AI-подборками social/
Сквозные сценарии — Journey maps: онбординг, ежедневное использование, шеринг user-flows/

Ключевые цифры

Метрика Значение
Всего страниц 16
Всего маршрутов 16
Защищённые маршруты 13
Публичные маршруты 3
Zustand-хранилища 2 (auth, outfitBuilder)
API-модули 6 (auth, client, items, media, outfits, feed, share)

Навигация по разделам