About these demos
This site collects step-by-step walkthroughs of features on RRX.com. Each demo follows a single end-user journey — registering an account, placing an order, applying a quote — from the first click through to confirmation, with a screenshot at every step.
:::warning Internal use only These pages document a pre-production (UAT) environment. Screenshots contain test accounts, test part numbers, and prices that do not reflect production data. :::
How each demo is organized
Every feature has one page you'll normally read, plus two supporting pages:
| Page | What it is | Who it's for |
|---|---|---|
| Overview | A plain-language walkthrough of the journey, written for an end user. | Anyone learning or explaining the feature. |
| Test instructions | The scripted steps and assertions the run was driven from. | QA and anyone re-running the journey. |
| Test results | What actually happened during the run, including any observations or failures. | Anyone verifying feature behavior. |
The Overview page links to both supporting pages, and each supporting page links back.
How they're grouped
Demos are filed into categories in the sidebar — Orders, Quotes, Product Selection, Search, Account & Access, User Management, Reports, and Administration. Open a category to see every demo it contains, or use the feature demos index for the full list.
How they're produced
Demos are captured by driving a live browser through the journey and recording a screenshot at each step. The resulting markdown and screenshots are then imported into this site.
To pull in newly captured demos, run:
npm run import-demos
The importer reads a folder of demo directories, converts each one to MDX, files it under
its category, copies the screenshots alongside it, and regenerates the demo index used by
the home page. Category names and their contents are configured in
scripts/demos-categories.json. Point it
at a different source folder with DEMOS_SRC:
DEMOS_SRC=/path/to/demos npm run import-demos
Re-running the importer replaces any demo it finds, so it is safe to run repeatedly.
Where to start
Browse the feature demos in the sidebar, or start from the home page for a visual index.