Quick navigation

9 results

React · Reporting · AI

Runway Client Analyzer

A tool for SOAR’s Runway team to review HubSpot client records, follow activity, and ask AI questions about a selected contact.

Role
Full-Stack Developer & Systems Analyst
Organization
Shaping Our Appalachian Region
Timeline
Project work
Status
Completed
SOAR Runway Client Analyzer showing contact search, activity history, and an AI question panel, with identifying information redacted.
Client overview. Identifying details redacted. View full size (screenshot 1, opens in a new tab)
Runway Client Analyzer controls for selecting data sources and the activity limit, with an AI query cost estimate.
Data sources and query settings. View full size (screenshot 2, opens in a new tab)

Staff needed to understand a client’s history without switching between records and activity views.

  • Built for SOAR’s EKY Runway program.
  • Data-source controls let users choose what to include in each AI query.

Requirements

  • Do not expose private contact, timeline, grant, staff, or model-configuration information.
  • Keep AI output attributable to visible data context rather than presenting unsupported certainty.
  • Support both desktop and narrow single-column workflows.
  • Develop frontend and backend functionality for reporting, data access, and AI-assisted analysis.
  • Design record search and selection, question prompts, answer displays, and activity history.
  • Make layouts work on desktop and mobile, validate input, show the data behind answers, and automate workflows.
  • Test with synthetic CRM data.
  1. 01

    Select

    Helped the user find the relevant operational record and confirm context.

  2. 02

    Ask

    Constrained questions to a specific record and a clear prompt boundary.

  3. 03

    Explain

    Presented an answer alongside a disclosure for data used.

  4. 04

    Trace

    Kept activity history visible for calls, meetings, notes, email, and tasks.

ReactTypeScriptAI workflow integrationReporting DashboardsResponsive UI
  1. 01

    Designing AI assistance that supports judgment rather than hiding its context.

  2. 02

    Presenting dense activity history clearly on narrow screens.

The app brings contact search, activity history, and AI questions into one view, with controls for the data included in each query.