Redesigning Entgra DeviceMgt UI
The Entgra IoT server has fascinating MDM functionality. The previous MDM (known as DeviceMgt) UI was kind of old and the company decided to rewrite the UI using ReactJS to make it well optimized and highly configurable. I was so fortunate to be a part of that team.
I implemented the following,
- Initiate the new react application
- Develop login functionality
- Configure CSS modules
- Migrate the Antd version from v3 to v4
- Create navigation
- Create the location history view
- Create the manage certificates view
- Create the single device view
- Redesigned the operation option
- Create the page headers
- Add filtering options
I used Sketch software to design mockups. As an example, this is the mockup I designed for the single device view using Sketch.
The same view after developing using react. (Some parts were changed after reviews from the team)
The new UI changed as a proprietary plugin in the middle of the project. Only some parts of the work are available publicly.
https://gitlab.com/entgra/carbon-device-mgt/-/merge_requests?scope=all&utf8=%E2%9C%93&state=merged&author_username=jayasanka-sack&search=devicemgt
