Narrative Editor

Walker & Dunlop (NYSE: WD) is one of the largest providers of capital to the commercial real estate industry in the United States, enabling real estate owners and operators to bring their visions of communities — where people live, work, shop and play — to life.
With over 1,400 employees across every major U.S. market, Walker & Dunlop has consistently been named one of Fortune’s Great Places to Work® and is committed to making the commercial real estate industry more inclusive and diverse while creating meaningful social, environmental, and economic change in our communities.
Built With
Vue.js
Vuex
TypeScript
SCSS
My Role
For this project, I was tasked to develop the front-end of a "Google Docs-like" editor for underwriters to create and edit loan narratives. The editor needed to be able to handle a large amount of text, and be able to handle multiple users editing the same document at the same time. With the Narrative Editor, users can add content blocks to their document as well as custom graphics generated from the active deal they're working in.
In addition to editing and creating documents, users can view an "audit trail" which is a record of every change made to the document. Much like a version control system, users can select a specific point in time and view the document at that moment.
I was given a few days to take an existing proof-of-concept, and plan out it's architecture. Planning consisted of how we store data in Vuex to component structure and more. Because of this, we delivered an MVP two-weeks early and later delivered a polished product two months ahead of schedule.
The core package we developed is planned to be released to the public as an open-source project.