Enterprise App New UI
This project involved building a new front end for a large enterprise product. We built alongside an existing legacy UI (brownfield migration), and I deliberately chose a technology that was an easier transition for our team of mostly full-stack developers.
Since the migration I've thought a bit about this project and wondered if a migration from AngularJS to React would've been better than Vue, but the Vue 3 migration was easier and our team wasn't ready to embrace a lot of the FP paradigms that make up idiomatic react. I've enjoyed working on Vue since, and I'm glad it's still supported and well-used despite being in 2nd place to React. One thing we definitely did correctly was choose a full-featured component library like PrimeVue along with tailwind. This fit our needs well, and PrimeVue's datatable is solid.
The project has highly custom UI and a lot of information density. This makes ongoing development challenging as power users have very detailed requirements and needs to fit their workflow. One example of this was a deep dive on the primary data input and display page of the application. We did NNGroup training and applied a lot of the lessons learned to keep and embrace information density. We managed to show a lot more data on the page while making it more attractive to users with clearer visual distinctions. Automated end to end tests use the page object model pattern and are a necessity with complex custom interactive UI.
| Type | Enterprise UI |
| Scope | Ground-up front end |
| Project Start | 2023 |
| Visibility | Work (proprietary) |
| Source | Closed |