The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro
Light
Dark
System
Ask  Question

Best way to build a HIPAA-friendly patient intake form with Metronic 9?

I’m building an internal dashboard for an outpatient addiction clinic using Metronic 9 (React + Tailwind). The main feature is an intake flow for their medication-assisted treatment program in Redlands. It’s a multi-step form with demographics, insurance, substance use history and a medication consent step, plus PHQ-9 and GAD-7 screenings that auto-score on submit. Right now staff collect all of this on paper and re-enter it by hand.

https://radiantpaththerapy.com/redlands/medication-assisted-treatment

A few questions:

Is the Metronic stepper/wizard component suitable for a 5-step form with validation per step, or should I use a separate form library like React Hook Form? Any recommended pattern for auto-saving drafts without storing sensitive data in localStorage? Similar to the EXIF thread here, what’s the cleanest way to make sure uploaded ID or insurance-card images don’t keep metadata?

Thanks in advance.

user
Radiant Path 11 hours ago
1 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)

user
Radiant Path 11 hours ago

For a clinic running the same intake across two locations, like this MAT program in Grand Terrace and its Redlands branch, is it better to use one shared Metronic form with location as a field, or separate form instances per location for cleaner reporting?


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Metronic

Go to Metronic Downloads License Guide & FAQ Purchase Metronic Refunds
buy metronic keenthemes mega bundle

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.

ReUI by Keenthemes React Components UI Blocks React Templates ReUI Documentation