feat: unified registration flow with progress and confirmation #18

Merged

forgejo_admin merged 1 commit from 9-feat-unified-registration-flow-single-fo into main

2026-03-16 22:25:39 +00:00

forgejo_admin commented

2026-03-16 22:09:15 +00:00

Owner

Summary

Redesigns register.html to preview the Phase 12 unified registration flow: a single form with a 4-step progress indicator, clear section labeling, and a post-payment confirmation state showing auto-created account credentials.

Changes

register.html -- Added 4-step progress indicator (Player > Parent > Waiver > Pay) that updates on scroll. Added step number badges to each section label. Added a dedicated Step 4 "Payment" section. Added confirmation/success state with placeholder credentials (parent@example.com / westside-marcus-2026), "What Happens Next" guide, and monthly dues note. Updated email field helper text to communicate the account-creation flow. Minimal JS for scroll-based progress tracking and form-to-confirmation toggle.

Test Plan

Open register.html in browser
Verify 4-step progress bar visible at top (Step 1 highlighted in red)
Scroll through form -- progress bar updates as each section enters viewport
Check waiver checkbox to enable the submit button
Click "Register & Pay $30" -- form hides, confirmation state appears with all steps green
Verify placeholder credentials shown: parent@example.com / westside-marcus-2026
Verify "What Happens Next" section with 4 numbered steps
Verify monthly dues note at bottom
Check mobile (375px) and desktop (1280px) -- progress bar and form scale correctly

Review Checklist

Only register.html modified -- no unrelated changes
All existing form fields preserved
Uses existing CSS variables from shared/app.css
Minimal new styles scoped to page-level <style> block
JS is minimal (scroll listener + toggle) with no dependencies

Plan: plan-wkq (traceability)
Forgejo issue: #9

Closes #9

## Summary Redesigns `register.html` to preview the Phase 12 unified registration flow: a single form with a 4-step progress indicator, clear section labeling, and a post-payment confirmation state showing auto-created account credentials. ## Changes - `register.html` -- Added 4-step progress indicator (Player > Parent > Waiver > Pay) that updates on scroll. Added step number badges to each section label. Added a dedicated Step 4 "Payment" section. Added confirmation/success state with placeholder credentials (`parent@example.com` / `westside-marcus-2026`), "What Happens Next" guide, and monthly dues note. Updated email field helper text to communicate the account-creation flow. Minimal JS for scroll-based progress tracking and form-to-confirmation toggle. ## Test Plan - Open `register.html` in browser - Verify 4-step progress bar visible at top (Step 1 highlighted in red) - Scroll through form -- progress bar updates as each section enters viewport - Check waiver checkbox to enable the submit button - Click "Register & Pay $30" -- form hides, confirmation state appears with all steps green - Verify placeholder credentials shown: `parent@example.com` / `westside-marcus-2026` - Verify "What Happens Next" section with 4 numbered steps - Verify monthly dues note at bottom - Check mobile (375px) and desktop (1280px) -- progress bar and form scale correctly ## Review Checklist - [x] Only `register.html` modified -- no unrelated changes - [x] All existing form fields preserved - [x] Uses existing CSS variables from `shared/app.css` - [x] Minimal new styles scoped to page-level `<style>` block - [x] JS is minimal (scroll listener + toggle) with no dependencies ## Related - Plan: `plan-wkq` (traceability) - Forgejo issue: #9 Closes #9

forgejo_admin added 1 commit

2026-03-16 22:09:15 +00:00

feat: unified registration flow with progress indicator and confirmation state 251537e64a

Redesign register.html for the unified registration flow vision:
- Add 4-step progress indicator (Player > Parent > Waiver > Pay)
- Add step numbers to each form section label
- Add confirmation/success state with placeholder credentials
- Add "What Happens Next" guide after registration
- Progress bar updates on scroll and completes on submission
- Monthly dues note clarified throughout

Closes #9

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>