search

chronic-care / mcc-project

MCC eCare Plan project planning and documentation
Apache License 2.0
0 stars 1 forks source link

POC Investigate methods to generate UI based on wireframe for eCarePlanner #327

Closed kbertodatti closed 7 months ago

kbertodatti commented 8 months ago

POC with Health Concerns tab: https://www.figma.com/file/fYM0MNFOh2EjBN2nBXj3Nu/MCC-eCare-Clinician-App?type=design&node-id=680-3934&mode=design&t=E4z5MTKafd8t1uOX-0

Options:

  1. Leave as is and manual code all enhancements to eCarePlanner.
  2. Apply MUI on Angular of existing app.
  3. Generate new UI layer with MUI/React and connect logic manually. (Maybe there's a tool to generate part of the UI layer).
drbgfc commented 8 months ago

There are tools built into figma (extensions) that use AI to generate. There is also a VS code figma extension which can connect with those tools and generate. However, in practice/in my experience, it is faster to just copy and paste pre-built elements from MUIs website and customize as needed. And, using generic ai tools on an as-needed basis (for customization suggestions). Just some thoughts...

kbertodatti commented 8 months ago

Very helpful Dan. @swmuir and @NotAnotherDoorNob

savanahmueller commented 7 months ago

Kiran was able to generate code but it is not very robust. Right now, may not be the best method to get the UI done. He has 2 more ways to try this.

savanahmueller commented 7 months ago

xml version of code. Provides the layout and matching dimensions. Get structure to get started. Helps with CSS.