New York, New York, United States
• Leveraged Chrome Developer Tool’s API to interact with Three.js canvas draw-call methods providing debugging capabilities and preserving a consistent workflow allowing the tool to deliver a real-time view of how a Three.js developer’s code renders
• Cocreated background JavaScript script files to be injected into the browser that would intercept any dispatched custom events made by Three.js to operate additional functionality and prepare for future manipulation by the developer tool
• Utilized React to design an intuitive and dynamic user interface that relies upon a wide array of stateful, reusable components to reflect live manipulations and attributes being rendered to a scene
• Applied React hooks to precisely handle state changes in child components while also utilizing life-cycle features to immediately fetch data upon page load for minimized rendering without compromising scalability and increasing efficiency
• Implemented functionality to achieve event-driven re-rendering of individual workflow nodes by storing the execution state of functions in React to provide a real-time visual representation of attributes for specific meshes displayed in a scene
• Implemented TypeScript to enforce strongly typed declarations preventing type errors prior to runtime, ensuring product scalability and smooth collaboration within a complex codebase that contains many interwoven relationships
• Accelerated under OS Labs