Design

Figma

The Figma design can be found here

Name: string(100)
Phones: string(250)
Free text during editing - sometimes these will say things like "Speak to her daughter Anne on 0400 000 000" [once saved, preferably then rendered with where mobile number(s) can be detected within the string, or for others]
Email: string(250), read-only view rendered with <a href="mailto:...>
Tags: string(250) (hidden) Multi-select plus custom new tags. These to be used for grouping / search tags similar to "Labels" in Google Contacts. Default initial tag options: Clients, Coordinator, Volunteers.
Address: string(250) [nice to have Directions button for Apple Maps for iOS devices, Google Maps on others]
Region: multi-select options (& codes) Armadale (ASJ), Busselton (BN), Central (C), Coastal South (CS), Eastern (E), Northern (N), Preston (PR), Southern (S), Western (W) New contact Region should default to user profile region.
[Picture: url or base-64 encoded]
Pets: string(250)
Notes: string(max)
Contacts: Contact[]
Visits: Visit[]
In-progress: boolean (hidden)
Total Visits: int
Distance Walked: int

Name: string(100)
Phones: string(250)
Free text during editing - sometimes these will say things like "Speak to her daughter Anne on 0400 000 000" [once saved, preferably then rendered with where mobile number(s) can be detected within the string, or for others]
Email: string(250), read-only view rendered with <a href="mailto:...>
Tags: string(250) Multi-select plus custom new tags. These to be used for grouping / search tags similar to "Labels" in Google Contacts. Default initial tag options: Clients, Coordinator, Volunteers.
Address: string(250) [nice to have Directions button for Apple Maps for iOS devices, Google Maps on others]
Region: multi-select options (& codes) Armadale (ASJ), Busselton (BN), Central (C), Coastal South (CS), Eastern (E), Northern (N), Preston (PR), Southern (S), Western (W) New contact Region should default to user profile region.
Pets: string(250)
Notes: string(max)

Type: tpye of visit (vet or walk)
Client: search/select from Contacts list including pet name
StartAt: datetime, default to now.
DurationTime: HH:mm, defaulted to copy the duration of the prior visit to the selected client.
WalkMetres: distance displayed as #0.000 km - default to last walk for this client, potential to auto-populate if [Map Our Walk] below is implemented.
CommuteMetres: distance displayed as #0.0 km, default based on prior client visit. Hint "How far is this client for a round-trip visit from your home or normal travel route?"
CommuteMethod: default based on prior client visit, single-select supporting custom values: Drive, Walk, Public Transport, other free-text
Notes: string(max)
In-progress: boolean (hidden)