The SmartSize AI Fit Recommender dashboard provides a comprehensive overview of all your fit quizzes in an organized, sortable table format. This interface serves as your central hub for quiz management.

Dashboard Layout

Quiz List Table

The main dashboard displays your quizzes in a structured table with the following columns:

Title Column

  • Clickable Links - Quiz titles are clickable and navigate directly to the quiz editor
  • Descriptive Names - Shows the full quiz name you’ve assigned
  • Visual Hierarchy - Primary information displayed prominently

Gender Column

  • Badge Display - Gender shown as colored badges
  • Options Available: Male, Female, Unisex
  • Visual Indicators - Easy identification of target audience

Category Column

  • Garment Type - Shows which clothing category the quiz covers
  • Badge Format - Displayed as colored badges for quick recognition
  • Categories: Top, Bottom, Both, Custom

Status Column

  • Current State - Shows whether quiz is Draft or Active
  • Color Coding:
    • Green Badge - Active quizzes (live on your store)
    • Blue Badge - Draft quizzes (not visible to customers)

Last Updated Column

  • Timestamp Display - Shows date and time of last modification
  • Sorting Reference - Useful for tracking recent changes
  • Format - Standard locale date/time format

Action Buttons

Each quiz row includes three action buttons on the right:

Duplicate Button

  • Icon - Copy/duplicate symbol
  • Function - Creates an exact copy of the quiz
  • Hover Tooltip - “Duplicate” label appears on hover

Delete Button

  • Icon - Trash/delete symbol
  • Function - Removes the quiz permanently
  • Hover Tooltip - “Delete” label appears on hover
  • Safety - Requires confirmation modal

Edit Button

  • Icon - Pencil/edit symbol
  • Function - Opens quiz in the editor
  • Hover Tooltip - “Edit” label appears on hover

Pagination

When you have many quizzes, the dashboard automatically paginates:

  • Items per Page - Shows 15 quizzes per page
  • Page Navigation - Previous/Next buttons
  • Page Counter - Shows “Page X of Y” format
  • Automatic Organization - Prevents overwhelming displays

Sorting Capabilities

Click on any column header to sort your quiz list:

Simple Sorting (Title, Last Updated)

  • First Click - Sorts ascending (A-Z, oldest first)
  • Second Click - Sorts descending (Z-A, newest first)
  • Visual Indicator - Arrow shows current sort direction

Advanced Sorting (Gender, Category, Status)

These columns cycle through multiple sort orders:

Gender Sorting Cycles:

  1. Male → Female → Unisex
  2. Unisex → Female → Male
  3. Female → Unisex → Male
  4. Male → Unisex → Female
  5. Female → Male → Unisex
  6. Unisex → Male → Female

Category Sorting Cycles:

  1. Top → Bottom → Both
  2. Bottom → Top → Both
  3. Both → Top → Bottom (And additional combinations)

Status Sorting Cycles:

  1. Draft → Active
  2. Active → Draft (Alternates between the two)

Quiz Information Display

Status Indicators

  • Draft Quizzes - Blue badges indicate quizzes in development
  • Active Quizzes - Green badges show quizzes live on your store
  • Instant Recognition - Color coding allows quick status identification

Badge System

All categorical information uses a consistent badge system:

  • Consistent Styling - Same visual format across all badges
  • Color Differentiation - Different colors for different categories
  • Capitalized Text - First letter uppercase, rest lowercase
  • Title Links - Click quiz titles to edit
  • Monochrome Style - Clean, professional appearance
  • No Underlines - Modern, button-like link styling

Dashboard Efficiency

Quick Actions

  • No Page Refresh - Actions work without full page reloads
  • Instant Feedback - Loading states show during operations
  • Confirmation Safety - Destructive actions require confirmation

Visual Organization

  • Clean Layout - Minimal, focused design
  • Consistent Spacing - Uniform padding and margins
  • Clear Hierarchy - Important information stands out

Responsive Behavior

  • Full Width - Uses available screen space efficiently
  • Action Grouping - Related buttons grouped together
  • Mobile Friendly - Works on various screen sizes

Working with Large Quiz Collections

Performance Optimization

  • Pagination - Loads only 15 quizzes at a time
  • Efficient Queries - Fast database lookups
  • Smooth Scrolling - Responsive interface even with many quizzes

Organization Strategies

  1. Use Descriptive Names - Make quiz titles searchable
  2. Regular Cleanup - Remove unused draft quizzes
  3. Status Management - Keep active/draft separation clear
  4. Date Awareness - Use “Last Updated” to track recent work

The quiz dashboard serves as your command center for all size recommendation management, providing both overview and detailed control over your quiz collection.