​MarkIce: Responsive Web App Guide

Link:  MarkIce

Professional Skating Evaluation Platform
MarkIce is a professional skating evaluation platform designed for coaches, organizations, and skaters. It is a fully responsive web application that works on any device (tablets, phones, computers) and supports offline functionality.

1. Getting Started
Accessing & Account Creation

• URL: Open the published app URL in any modern browser.
• Registration: 1. Click "Need an account? Create one" on the login page.
  2. Provide a Username (min. 3 characters) and Password (min. 6 characters).
  3. Enter your Email (required for recovery and certificates) and select your Role.
• Login: Sign in using your username or email and password.

2. User Roles & Permissions
MarkIce utilizes five distinct roles to manage platform access:

Role Primary Responsibilities

• Super Admin: Full platform control; manage all users and roles across the entire system.
• Org Admin: Manage a specific organization; add/remove members and assign internal roles.
• Coach: Create and manage skaters; conduct evaluations; generate certificates.
• Evaluator: Conduct evaluations on assigned skaters; cannot create new skaters.
• Skater: View personal progress, badges, goals, and download earned certificates.

3. Core Features by Role
Administrator Functions (Super & Org Admin)

• User Management: Search and filter users by role, name, or email.
• Organization Tools: Create organizations and invite members via email.
• Role Assignment: Promote users or change permissions immediately via dropdown menus.

Coaching & Evaluation Tools

• Roster Dashboard: A searchable list of all skaters. Coaches can add new skaters and set their starting level (1–6).
• Evaluation Matrix ("The Clipboard"): * A grid tracking 3 skill categories: Stability, Maneuverability, and Power.
  • Status Toggles: Tap a cell to cycle through Gray (Not Attempted), Yellow (In Progress), and Green (Mastered).
• Certificate Generation: Once all skills in a level are Green, a "Complete Level" button appears. Coaches sign via a digital signature pad to generate a professional PDF.

Skater Experience

• Progress Report Card: A visual grid showing mastery status and level completion percentages.
• Gamification: * Trophy Case: Displays earned badges (e.g., "First Skill," "7-Day Streak").
  • Shoutouts: View motivational messages sent by coaches.
  • Goals & Streaks: Track personal practice milestones and consecutive active days.

4. The 6-Level Curriculum
Skaters progress through a structured curriculum. Below is a summary of the skills required:
​
Level Stability Maneuverability Power

1. Marching (10 steps)2-foot glide; Snowplow stop Backward wiggles; Fall/Get up
2.  1-foot glide (L & R) Moving stop; Scooter pushesBackward glide; 2-foot turn
3.  Forward stroking Slalom course Backward stop; 2-foot jump
4.  Forward Edges Forward crossovers Backward swizzles; 2-foot spin
5.  Backward Edges Backward crossovers Forward 3-turn; Hockey stop
6.  Forward Inside 3-turn Backward stroking1-foot spin; Spiral; Bunny hop

5. Technical Highlights

• Offline Mode: Data is saved locally when the internet is unavailable. A Sync Status indicator in the navigation bar shows pending changes and allows for manual syncing once reconnected.
• Native Sharing: Generated certificates can be shared directly via AirDrop (iOS), Nearby Share (Android), or standard email/messaging protocols.
• Responsive Design: While optimized for tablet "clipboard" use on the ice, the interface adapts to all screen sizes.