Success Automation (2018)

Mobile Platform (2017)

Injected Javascript into user codebase that triggers capture sessions on DOM events to automate performance data capture of bundled React files.

Visualized React component performance data through use of D3 with React by designing robust front end with object-oriented design pattern to efficiently process, track, and modify large sets of metric data.

Expanded existing React Perf Tool capabilities by creating light-weight NPM library.

Enabled high-concurrency data rerouting from user code-base through Chrome API network of secure

Ensured lossless graph render animations and overall app efficiency through life-cycle methods, flexible conditional render statements, and meticulous component hierarchy design that minimized

Designed UI through iteration of photoshop mockups and community solicited feedback to ensure ease of use and readability.

Enabled metric-based playlist reorganization through linear-regression algorithm to closely conform slope/shape to line graph.

Delivered user-requested Spotify song/artist assets and audio metrics to React-based client via AJAX requests to OAuth/Spotify API enabled Express server.

Leveraged SCSS and React-based animation and photoshopped image assets for photo realistic styling.

Constructed custom ‘eye dropper’ function for mouse-over based identification of pixel hex values on canvas generated clone of target image through creation of a custom toolset that tracks mouse X and Y movement for identifying pixel location.

Utilized the web audio API to transfer streaming data as BLOBS for user-recorded audio to pair with .gif images fetched from Giphy API.

Created dynamic, single-page interface by utilizing conditional renders in React front-end architecture