Onboarding Experience (2018-current)

• Onboarding Experience (2018-current)

• Success Automation (2018)

• Mobile Platform (2017)

Architected React/Redux frontend prototype utilizing websockets for seamless, real-time data mapping to miner status dashboard and client account interface for internal company platform.

Chrome Toolkit for Measuring React-App Efficiency

https://github.com/react-rpm/react-rpm

• 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

message mediators for seamless data collection and real-time visualization updates.

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

unnecessary re-renders.

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

Spotify Mixtape | Playlist Reorganizer and Customizable Music Discovery Tool w/ Spotify API

Demo: http://bit.ly/2rAxVot

• 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.

Color Companion | Color identification and palette generator tool for web design

• 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.

Giferent | Multimedia Content Creation Platform

• 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