๐งญ Navigation and Structure
General Platform Structureโ
fAIr Platform is organized into main sections that vary according to your user role.
๐ค For Regular Usersโ
Standard users have access to two main sections:
- ๐ Dashboard: Main panel with statistics and metrics of your files
- ๐ Files: Management of your multimedia files (audio, image, video, text)
๐จโ๐ผ For Administratorsโ
Administrators have access to:
- ๐ Dashboard: Panel with global system metrics and all users
- ๐ฅ Users: User account and permissions management
๐ฅ๏ธ Top Navigation Bar (Header)โ
The top bar contains several key elements:
Left Sideโ
- "gradiant" Logo: Platform logo (decorative)
- Navigation tabs:
- For users:
Dashboard|Files - For admins:
Dashboard|Users
- For users:
Main Navigation
The tabs in the header are the primary way to navigate between sections on large screens.
Right Sideโ
- ๐ฉ Language selector: Current language flag (e.g. ๐บ๐ธ for English, ๐ช๐ธ for Spanish)
- Click to open the menu of available languages
- The flag changes according to the selected language
- ๐ค Avatar and email: User icon + your email address
- Click to open the user menu
- Option: Sign Out
User Profile
The user menu only allows you to sign out. There are no account configuration options.
๐ฑ Mobile Navigationโ
On small screens, the interface adapts:
- Hamburger button (โฐ): Appears in the top left corner
- Navigation tabs are hidden
- Click the hamburger button to open the side menu with options:
- Dashboard
- Files (or Users for admins)
Responsiveness
The platform automatically adapts to your screen size for a better user experience.
๐ File Searchโ
The search functionality is not in the main header. To search for files:
- Go to the Files section
- Use the filters available on that page:
- Created: Filter by date range
- Format: Filter by file type (All, Audio, Image, Video, Text)
- In the administrator view there's also a User filter
๐จ Visual Indicatorsโ
- Active section: The current tab is highlighted in the header
- Visible email: Your email is always visible next to the avatar to identify your session
- Language flag: Indicates the currently selected language