# Open Web Apps Tooling & Docs

**URL:** <https://talk.openmrs.org/t/open-web-apps-tooling-docs/4505>\
**Category:** Add-on Modules\
**Tags:** owa, javascript\
**Created:** [January 30, 2016, 2:23am UTC](https://talk.openmrs.org/t/open-web-apps-tooling-docs/4505 "2016-01-30T02:23:49Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![pascal](https://talk.openmrs.org/letter_avatar/pascal/32/5_5575768a8748004e209b776fc1b2916d.png) [@pascal](https://talk.openmrs.org/u/pascal)\
**Post date:** [January 30, 2016, 2:23am UTC](https://talk.openmrs.org/t/open-web-apps-tooling-docs/4505/1 "2016-01-30T02:23:49Z")

</div>

I’ve created a [Yeoman generator](https://www.npmjs.com/package/generator-openmrs-owa) to scaffold OpenMRS Open Web Apps. It creates the basic folder structure, a demo page, a [Gulp](http://gulpjs.com)file to build and deploy locally and supports package management with [Bower](http://bower.io). This is what it looks like:

[![OpenMRS OWA Asciicast](https://talk.openmrs.org/uploads/default/original/2X/1/1bc9f2f0059e6b978b78d72e5ce73e1ef87a2596.png)](https://asciinema.org/a/35039?autoplay=1)

My proposal for the development workflow can be found on the wiki [here](https://wiki.openmrs.org/display/docs/Open+Web+App+Development+Workflow). I made a short screencast demonstrating the proposed workflow here:

[![](https://img.youtube.com/vi/sM39qNGJ4Js/maxresdefault.jpg "OpenMRS Open Web Apps Development Workflow") ](https://www.youtube.com/watch?v=sM39qNGJ4Js)

Most of this work is just automating what @darius already did [here](https://wiki.openmrs.org/pages/viewpage.action?pageId=93359610) and [here](https://github.com/djazayeri/openmrs-owa-tutorialexample).

I did this in an attempt to improve the developer experience for developers wanting to build JavaScript apps on top of our platform. The next step will be to create a JavaScript Library that wraps the API and provides other basic functionality. I will be requesting input on this on a design call soon.

Let me know if anyone finds this useful, or has more ideas regarding how to improve the experience for JavaScript developers.

---

<div class="post-metadata">

**Author:** ![r0bby](https://talk.openmrs.org/user_avatar/talk.openmrs.org/r0bby/32/6479_2.png) [@r0bby](https://talk.openmrs.org/u/r0bby)\
**Post date:** [January 31, 2016, 12:44am UTC](https://talk.openmrs.org/t/open-web-apps-tooling-docs/4505/2 "2016-01-31T00:44:11Z")

</div>

Great work!