From 08751a47c308d269d63dc447f17c0b722ad12564 Mon Sep 17 00:00:00 2001 From: Achintha Isuru Date: Tue, 3 Feb 2026 14:32:05 -0500 Subject: [PATCH] Refine demo plan terminology and steps for clarity; update client and staff onboarding processes --- apps/demo plans/MILESTONE 3_DEMO_PLAN.md | 61 +++++++++++------------- 1 file changed, 29 insertions(+), 32 deletions(-) diff --git a/apps/demo plans/MILESTONE 3_DEMO_PLAN.md b/apps/demo plans/MILESTONE 3_DEMO_PLAN.md index 228e0637..68477192 100644 --- a/apps/demo plans/MILESTONE 3_DEMO_PLAN.md +++ b/apps/demo plans/MILESTONE 3_DEMO_PLAN.md @@ -69,11 +69,11 @@ To start the demo you should clean the database running the next command: --- -### Demo 1: Register Business & Show Empty States (Client App) +### Demo 1: Register Client & Show Empty States (Client App) **Purpose:** Show the client onboarding experience and empty states **Steps:** -1. Open Client App → Tap "Register" -2. Enter business email, and password. +1. Open Client App → Tap "Create Account" +2. Enter business name, email, and password. 3. Navigate to home page 4. **Point out:** Empty dashboard, no orders, no workers, clean slate @@ -82,9 +82,10 @@ To start the demo you should clean the database running the next command: ### Demo 2: Register Staff & Show Empty States (Staff App) **Purpose:** Show the worker onboarding experience and empty states **Steps:** -1. Open Staff App → Tap "Register" +1. Open Staff App → Tap "Sign Up" 2. Enter phone number and verify with OTP code -3. Navigate to home page +3. Follow the steps to add the personal details. +3. Navigate to home page. 4. **Point out:** Empty shifts list, no available work yet --- @@ -117,6 +118,7 @@ To start the demo you should clean the database running the next command: - Home: Coverage stats, upcoming shifts - Orders: Posted shifts with workers assigned - Coverage: Real-time worker status + - Payments: Recent invoices and payment history **What to Notice:** - Coverage percentage for today's shifts @@ -127,9 +129,9 @@ To start the demo you should clean the database running the next command: --- ### Demo 5: Client Creates a New Hub -**Screen:** Hubs Tab → "Add Hub" button +**Screen:** Home page top right hand corner settings → "Add Hub" button **Steps:** -1. Navigate to Hubs tab in bottom navigation +1. Navigate to Hubs page 2. Tap the "+" or "Add Hub" button 3. Fill in hub details: - Hub name: "Downtown Convention Center" @@ -149,7 +151,7 @@ To start the demo you should clean the database running the next command: > ↓ >Worker Applies [O4] > ↓ ->Confirmation (This Part is missing for now, for now is confirmed)*[O5] +>Confirmation [O5] > ↓ >Worker Checks In [O6] > ↓ @@ -160,26 +162,26 @@ To start the demo you should clean the database running the next command: ### Demo 6: Client Creates New Order - [O1] **Purpose:** Walk through the shift creation process -**Screen:** Orders Tab → "Post" button -**Action:** Create a new shift for upcoming event +**Screen:** Orders Tab → "Post an Order" button or "+ Order" +**Action:** Create a new order for upcoming event **What to Fill:** - Order name: "Spring Gala 2026" - Date: [Select upcoming date] +- Vendor: [Select existing vendor] - Location: [Select existing hub] - Add position: Server, Count: 3, Hours: 5PM-9PM --- ### Demo 7: Client Views Order Details -**Purpose:** Show detailed shift information and worker assignments (this second part is missing for now) +**Purpose:** Show detailed order information and worker assignments **Screen:** Orders Tab → Tap on any order card **Action:** Expand order to see full details **What to Notice:** - Event name and location - Roles needed (e.g., "2 Servers") -- Clock in/out times - Estimated cost - Coverage percentage bar @@ -202,12 +204,13 @@ To start the demo you should clean the database running the next command: **What to Notice:** - Today's Shifts section (confirmed shifts for today) - Tomorrow's Shifts section +- Recommended Shifts section (available shifts to apply for) --- ### Demo 10: Staff Browses Available Shifts - [O3] **Purpose:** Show how workers discover and view available work -**Screen:** Shifts → "Find Work" +**Screen:** Shifts → "Find Shifts" tab **Action:** Browse the list of available shifts **What to Notice:** @@ -220,11 +223,11 @@ To start the demo you should clean the database running the next command: ### Demo 11: Staff Applies for Shift - [O4] **Purpose:** Show the application process from worker side -**Screen:** Shift Details → "Apply Now" button +**Screen:** Shift Details → "Book" Shift button **Steps:** 1. Tap on an available shift to view details 2. Review business name, location, pay, requirements -3. Tap "Book Shift" +3. Tap "Book" Shift button 4. See instant confirmation --- @@ -248,15 +251,14 @@ To start the demo you should clean the database running the next command: **What to Notice:** - Live worker status (Checked In, En Route, Late, Not Arrived) -- Color-coded status badges (green, yellow, red) -- Worker contact information -- Real-time updates as workers check in +- Color-coded status badges +- Worker information --- -### Demo 14: Staff Checks In to Shift (Day of Event) [O6] +### Demo 14: Staff Clock In to Shift (Day of Event) [O6] **Purpose:** Demonstrate the check-in process -**Screen:** Home or My Shifts → Shift Card → "Check In" button +**Screen:** Home -> Clockin page -> Clock-in slider **Action:** Simulate checking in to an active shift **What to Notice:** @@ -265,9 +267,9 @@ To start the demo you should clean the database running the next command: --- -### Demo 15: Client Sees Check-In Update - [O6] +### Demo 15: Client Sees Clock-In Update - [O6] **Purpose:** Show cross-app interaction and real-time updates -**Screen:** Client App → Coverage Tab +**Screen:** Client App → Coverage Page **Action:** Press the update button on the top right to refresh worker statuses **What to Notice:** @@ -277,15 +279,13 @@ To start the demo you should clean the database running the next command: --- -### Demo 16: Staff Checks Out of Shift - - (this is under fixing)[O7] -**Purpose:** Demonstrate the check-out process and shift completion -**Screen:** Home or My Shifts → Shift Card → "Check Out" button +### Demo 16: Staff Clock-Out of Shift - [O7] +**Purpose:** Demonstrate the clock-out process and shift completion +**Screen:** Home -> Clockin page -> Clock-out slider **What to Notice:** - Check-out timestamp automatically recorded - Status changes to "Completed" -- Total hours worked calculated automatically -- Shift moves from active to history --- @@ -298,7 +298,6 @@ To start the demo you should clean the database running the next command: - Worker status changes to "Completed" - Check-out time displayed alongside check-in time - Total hours worked visible -- Shift marked as complete in orders list - Cost finalized based on actual hours --- @@ -309,11 +308,9 @@ To start the demo you should clean the database running the next command: **Steps:** 1. Navigate to Profile tab in bottom navigation 2. Review profile sections: - - **Profile Info:** Name, photo, contact details, date of birth - - **Statistics:** Total shifts worked, average rating, reliability score + - **Profile Info:** + - **Emergency Contact:** Contact details for emergencies - **Bank Account:** Linked payment account for direct deposit - - **Certificates:** Food Handler, ServSafe, Background Check status - - **Documents:** ID verification, work authorization - **Tax Forms:** W-9, I-9 compliance documents - **Time Card:** Historical shift records with hours and earnings ---