Skip to main content

๐Ÿงญ 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
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.

The search functionality is not in the main header. To search for files:

  1. Go to the Files section
  2. 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