Pole Vault Tracker — Complete Breakdown
🌟 Purpose
Pole Vault Tracker is a dedicated performance-tracking app for pole vaulters and coaches. It offers a complete system to log, organize, and analyze every aspect of vault training: jumps, poles, sessions, progress tracking, and media uploads — all in one streamlined experience.
👥 Target Audience
Competitive pole vaulters (high school, college, elite/pro)
Pole vault coaches (individuals, schools, clubs)
Track & field teams with vault groups
Parents of young vaulters
Vault training centers and equipment managers
🧱 Core App Features
Athletes begin by logging a training or competition session, entering:
Date (auto-filled)
Location
Weather conditions
Session goal
Pre-session mental notes
Then, they can log individual jumps with the following fields:
Pole used (dropdown from personal pole library)
Number of steps (approach)
Approach distance (m or ft)
Bar height attempted (m or ft)
Grip height (optional, with unit toggle)
Jump rating (1–5 with color scale):
Run Thru
Glider
OK
Good
Great
Jump notes ("late plant", "too soft", etc.)
Additional features:
Grip height input with metric/imperial toggle
Customizable tracking fields (toggle on/off grip, rating, etc.)
Chronological jump view while logging
Session summary section (free-form notes after session)
Auto-filled pole and approach data for faster logging
Organize pole inventory with:
Brand
Length (m or ft)
Flex number
Weight rating (lbs or kg)
Custom name/label
Notes (e.g., "old pole", "bent tip")
Also includes:
Sorting and filtering
Quick selection when logging jumps
Track detailed session data:
Session type: Training or Competition
Location
Session goal
Energy level (1–10 slider)
Mental readiness notes
Post-session:
General notes
Wins from today
Focus for next session
Overall session rating (slider)
Session log is accessible by list or calendar view.
A searchable archive of all past training and competition logs.
Filter by date, location, or type
View all jumps, notes, poles, and outcomes per session
Session summaries clearly displayed
Attach videos and photos to sessions
Upload per jump (coming soon)
Secure cloud storage (Supabase Storage)
Visual performance trends over time:
PR tracker
Jump rank stats
Jump volume over time
Grip height progression
Pole usage trends
Manage up to 15 athletes
View all athlete logs, jumps, notes, and poles
Analytics across athletes
Assign drills or focuses (coming soon)
Comment on athlete sessions (coming soon)
Share session highlights with friends or teammates
Post PRs, great sessions, or best jumps (optional)
Loading...
Okay, here is a prompt you can give to your AI app editor (Windsurf AI / Lovable AI) to define the desired light theme color scheme with the navy blue accent, based on the mockup we created (light_theme_mockup).
Prompt for AI App Editor:
"Hi [AI Tool Name], please apply the following light theme color scheme consistently across the entire Pole Vault Tracker application UI, using Tailwind CSS classes where possible. Refer to the visual examples in the light_theme_mockup artifact.
Color Palette Definition:
Backgrounds:
Primary Background: Use a very light gray (e.g., Tailwind bg-gray-50 / #F9FAFB).
Secondary Background (Cards/Headers): Use white (e.g., bg-white / #FFFFFF).
Tertiary Background (Inactive elements): Use a slightly darker light gray (e.g., bg-gray-100 / #F3F4F6).
Text:
Primary Text: Use a dark gray/near-black (e.g., text-gray-800 / #1F2937).
Secondary Text: Use a medium gray (e.g., text-gray-500 / #6B7280).
Placeholder Text: Use a lighter medium gray (e.g., text-gray-400 / #9CA3AF).
Borders:
Default Border: Use a light gray (e.g., border-gray-200 / #E5E7EB).
Focus Border (Inputs): Use the primary accent color or a related lighter shade (e.g., border-blue-800 or border-blue-300).
Accent Colors (Navy Blue):
Primary Accent: Use a strong navy blue (e.g., bg-blue-800 / #1E40AF). Use this for primary buttons, active toggles, focus rings, important icons/text.
Primary Accent Hover: Use a slightly darker navy blue (e.g., bg-blue-900 / #1E3A8A).
Secondary Accent (Links/Subtle Highlights): Use a slightly brighter blue (e.g., text-blue-600 / #2563EB).
Accent Text (for Outline Buttons): Use the primary navy blue (e.g., text-blue-800 / #1E40AF).
Accent Background Hover (for Outline Buttons): Use the primary navy blue with very low opacity (e.g., hover:bg-blue-800/5 or rgba(30, 64, 175, 0.05)).
Destructive Colors (Red):
Destructive Text/Border: Use a standard red (e.g., text-red-600, border-red-600 / #DC2626).
Destructive Background Hover (for Outline Buttons): Use the destructive red with very low opacity (e.g., hover:bg-red-600/5 or rgba(220, 38, 38, 0.05)).
Application:
Apply these colors consistently to all UI elements, including backgrounds, text, buttons (solid, outline, active/inactive toggles), inputs (background, border, focus state, placeholder text), cards, headers, icons, and links, following the examples shown in the light_theme_mockup artifact."
Loading...