• Leveraged Vue.js modularity and component-scoped styling to engineer application views and reusable components.

• Implemented Vue Router to reduce server calls, guarantee single page conceptualization, conditionally render content for an enhanced navigation experience & improve component reusability for a more streamlined development process.

• Connected Node.js & Electron for async file-system handling, allowing users to save & export application state as JSON.

• Utilized Chromium’s IndexedDB with the LocalForage library to asynchronously persist application state when switching between tabs or loading application state from JSON file to avoid blocking the main Electron process.

• Constructed recursive algorithm to render the structure of deeply nested HTML element tags from application state.

• Deployed Vuex to handle state-management, avoid prop drilling, and simplify the communication between sibling Vue components, establishing a centralized store for state as application scales with unconnected Vue components.

• Integrated Vue-D3-Tree to display a hierarchical tree view of user generated component relationships.

• Utilized Vue-Electron-Plugin to prepare the application for cross platform delivery on MacOS, Linux and Windows.

• Leveraged Electron.js integrative functionality to wrap Node.js runtime creating a multi-platform desktop application for designers and developers which allow users to visually prototype and export a fully functional Vue application.