/
Improve the new OpenMRS Style Guide

Improve the new OpenMRS Style Guide



Primary mentor

@Darius Jazayeri

Backup mentor

TBD

Assigned to

TBD

Abstract



OpenMRS is building a new application and user interface from scratch, which will let us do rapid prototyping and rapid delivery of features, in a way not previously possible.

We have built the beginnings of a living style guide, and a few common reusable fragments, to allow distributed OpenMRS developers with highly-varying skill levels with front-end technologies to build consistent, high-quality user experiences. But we need more fragments, and we need to further develop the style guide!

The ideal candidate to work on this project can write quality JavaScript and semantic CSS and HTML code, some knowledge about User Experience and Visual Design is also welcome.



Project Champions

TBD

Objectives

  • Create semantic HTML code examples and apply that to UI framework

  • Common Javascript plugins

  • More components to the SASS framework

  • Create and apply a responsive/fluid grid system

  • HTML/CSS code practices/standards

  • Create demo/editable theme for online style guide website. In this demo you would be able to change and apply new color/fonts/icons.

Extra Credit

Resources

Related content

Style Guide & Design Systems Analysis - July/Aug 2020
Style Guide & Design Systems Analysis - July/Aug 2020
More like this
OpenMRS 3.0: A Frontend Framework that enables collaboration and better User Experience
OpenMRS 3.0: A Frontend Framework that enables collaboration and better User Experience
More like this
Designer Onboarding to OpenMRS 3
Designer Onboarding to OpenMRS 3
More like this
Introduction to the OpenMRS 3.0 Design System
Introduction to the OpenMRS 3.0 Design System
More like this
OpenMRS 3.0 Micro Frontend Demo Page
OpenMRS 3.0 Micro Frontend Demo Page
More like this
2022 UX Design Conference
2022 UX Design Conference
More like this