Core Features

Overview

This section documents the core features and systems that power the Brand Portal Frontend application. Each feature is documented in depth with architecture, implementation details, code examples, and workflows.

Features

Dashboard & Homepage

Comprehensive dashboard system with promotional banners, resource tiles, trending assets, and recent uploads. Features carousel displays, user preference-based views, and performance optimizations.

Authentication System

Secure authentication system with HTTP-only cookie support, token-based login, password recovery, and automatic session management. Includes XSS protection and SSR compatibility.

Search & Discovery

Comprehensive search system with Typesense integration. Includes full-text search, advanced filtering (tags, file types, dates), encrypted URL state management, and real-time search results.

Asset Management

Complete asset viewing, downloading, and management system. Supports multiple file types, asset previews, quick actions, and bulk operations.

Folder Management

Hierarchical folder navigation and management system. Includes folder browsing, breadcrumb navigation, view mode toggling, sorting, and bulk operations.

Collage Management

Collage (collection) creation and management system. Features asset organization into collages, collage sharing, and collage-based asset operations.

Sharing System

Comprehensive sharing system for assets, folders, and collages. Includes share link generation, embed codes, password protection, expiration dates, and share link management.

Profile Management

User profile management system with profile editing, image upload, notification preferences, and password change functionality.

Real-time Features

Real-time updates via Pusher WebSocket integration. Includes secure WebSocket authentication, live notifications, and real-time data synchronization.

Download System

Advanced download system supporting single and bulk downloads, folder downloads as ZIP, image asset downloads, and download progress tracking.

Typesense Integration

Complete Typesense search engine integration for high-performance full-text search across assets, folders, and collages.

Feature Dependencies

Authentication System
    ↓
    ├── Dashboard & Homepage
    ├── Search & Discovery
    ├── Asset Management
    ├── Folder Management
    └── Collage Management
            ↓
            └── Sharing System
                    ↓
                    └── Real-time Features

Search & Discovery
    ↓
    └── Typesense Integration

Asset Management
    ↓
    └── Download System

Quick Reference

Feature	Primary Use Case	Key Components
Dashboard & Homepage	Main landing page with content	Banner carousel, Tiles, Trending assets, Recent uploads
Authentication System	Secure user authentication	HTTP-only cookies, Token-based login, Session management
Search & Discovery	Find content across types	SearchBar, SearchFilter, Typesense API, Encrypted URL state
Asset Management	View and manage assets	AssetCard, AssetContainer, QuickViewDialog
Folder Management	Navigate and organize folders	FolderCard, BreadCrumbs, Folder navigation
Collage Management	Organize assets into collections	CollageCard, Collage operations
Sharing System	Share assets securely	ShareAssetDialog, Share links, Embed codes
Profile Management	User account management	Profile editing, Image upload, Settings
Real-time Features	Live updates and notifications	Pusher integration, WebSocket auth
Download System	Asset downloads	Download store, Bulk downloads, ZIP generation
Typesense Integration	Fast search backend	Collections, Search API, Indexing

Getting Started

To understand how these features work together:

1. Start with Authentication System to understand secure access
2. Review Dashboard & Homepage for the main user interface
3. Explore Search & Discovery and Typesense Integration for content discovery
4. Learn about Asset Management and Folder Management for content organization
5. Understand Sharing System for collaboration