User Guide
Comprehensive step-by-step guide for all features of the Esports Dashboard
Accessing the Application
- Open your web browser and navigate to: http://localhost:4000
- You'll see the login page
Logging In
- Enter your email address in the Email field
- Enter your password in the Password field
- Click the Sign In button
Demo Credentials:
- Email:
admin@esports.local - Password:
password
First Login Experience
After logging in, you'll be redirected to the dashboard homepage. If you don't have an organization selected, you'll need to create or select one.
Navigation Sidebar
The left sidebar provides quick access to all major features:
- 🏢 Organizations - Manage your organizations
- 📅 Seasons - Create and manage competition seasons
- 👥 Teams - Manage teams and rosters
- 🎮 Matches - Schedule and manage matches
- 📊 Standings - View league standings
- 📢 Announcements - View and create announcements
- 🔔 Notifications - View your notifications
Organization Selector
At the top of the sidebar, you'll see the organization selector. Click it to:
- Switch between organizations
- Create a new organization
User Profile
At the bottom of the sidebar, click your profile to:
- Access settings
- Logout
Organizations are the top-level containers for all your competition data. Each organization is completely isolated from others.
Viewing Organizations
- Click Organizations in the sidebar
- You'll see a grid of all organizations you have access to
Creating a New Organization
- Click Organizations in the sidebar
- Click the Create Organization button in the top right
- Fill in the form:
- Organization Name (required): Enter a descriptive name
- Slug (required): URL-friendly identifier (auto-generated from name if left empty)
- Description (optional): Add details about your organization
- Click Create Organization
Seasons represent a competition period (e.g., "Spring 2024", "Championship Season").
Creating a Season
- Click Seasons in the sidebar
- Click Create Season button
- Fill in the form with season name, dates, and game title
- Click Create Season
Creating a Team
- Click Teams in the sidebar
- Click Create Team button
- Select the season and fill in team details
- Click Create Team
Adding a Player to Roster
- Navigate to the team detail page
- Click + Add Player button
- Select a player profile, position, and jersey number
- Click Add Player
Creating a Match
- Click Matches in the sidebar
- Click Create Match button
- Select season, teams, scheduled time, and best-of setting
- Click Create Match
Submitting Match Results
When a match is ready for results:
- Navigate to the match detail page
- Scroll to the Submit Result section
- For each game in the best-of series, enter:
- 1 for a win
- 0 for a loss
- (Optional) Add notes about the match
- Click Submit Result
Example for Best-of-3:
- Game 1: Enter
1(win) - Game 2: Enter
0(loss) - Game 3: Enter
1(win)
Confirming Match Results
- Navigate to the match detail page
- Scroll to the Confirm Result section
- Review the submitted results
- Click Confirm Result to approve, or Dispute Result if there's an issue
Viewing Standings
- Click Standings in the sidebar
- Select a season from the dropdown
- View the standings table showing rank, team name, wins, losses, points, and win percentage
Standings update automatically when match results are confirmed.
Creating an Announcement
- Click Announcements in the sidebar
- Click + New Announcement button
- Fill in title, content, and scope (organization-wide or season-specific)
- Optionally pin the announcement or schedule for later
- Click Create Announcement
Notifications alert you to important events like match scheduling, result submissions, and disputes.
Viewing Notifications
- Click Notifications in the sidebar
- View all your notifications
- Click Mark read on any unread notification
Workflow Recommendations
- Start with Organizations: Create your organization first
- Create Seasons: Set up seasons before creating teams
- Build Teams: Create teams and add players to rosters
- Schedule Matches: Create matches between teams
- Submit Results: After matches, submit results promptly
- Confirm Results: Review and confirm submitted results
- Monitor Standings: Check standings regularly
Best Practices
- Use descriptive names for clarity
- Fill in descriptions to help team members understand
- Submit results promptly to keep standings up to date
- Use announcements to keep your organization informed
- Check notifications to stay on top of pending actions