Codesmith | Software Engineer and Instructor 2018-Present• Architected React-based library of general purpose, reusable components, promoting consistency across application code bases and reducing initial React component creation time.• Migrated Hapi, ejs system to modern MERN stack, facilitating coherent state management as code base grows, additionally eliminating tech debt and speeding up the dev cycle.• Enabled seamless content management, allowing admin to generate and edit complex component arrangements by simply adding YAML content server side.• Designed, with Redux-thunk middleware and fetch API, async data fetching pattern to sync fetched data with Redux store, providing an organized approach to populating state.• Implemented utilities for getting and transforming YAML content into JSON server side, providing a simple interface for serving content and building data set on server startup.• Created recursive React parser component to traverse JSON data derived from YAML mark-up and dynamically render potentially complex React components.• Drafted algorithm for converting nested objects into ES6 Map objects, returning a reliable data structure that ensures order when iteration is necessary, e.g., dynamic React component generation.• Utilized React Router and render props to create private-route and admin-route components, providing a reusable and composable tool for securing sensitive information.• Leveraged react-bootstrap Components to construct stateful navbar component, reducing styling time.• Assembled Mocha testing suite for testing user defined async functions that make use of Promises.

React Fiberline | Software Engineer - Visualizer/debugger for React Fiber applications 2018• Registered performance observer by installing global hook that observes the Performance interface and collects React performance measures for visualizing component rendering times and fiber node ordering.• Implemented data formatting algorithm for D3 timeline graph utilizing stack data structure to correctly nest performance measures before processing.• Built auto updating flame graph using React-vis to provide real time visualization of React fiber rendering times.• Derived React fiber node snapshots by integrating event listeners into React-DOM in order to display update queue content in fiber timeline.

BrowserCompatibility.js | Full Stack Engineer - Dev tool for checking browser compatibility of Javascript code. • Architected Node server with Express middleware controller to scrape MDN for all urls that correspond to JavaScript versions in order to determine the browser compatibility of all version keywords.• Created methods to scrape MDN for all keywords in each version by mapping multiple get requests to an array of promises, when promises resolve scrape resulting pages for browser compatibility.ExpressMidWare.js | Full Stack Engineer - Library for mapping Express middleware. • Configured middleware wrapper class to take a middleware as an argument, providing an extra layer of abstraction through ES6 class-based helper methods.Picto-Draw | Full Stack Engineer - Multiplayer real time game based on Pictionary. • Accounted for websocket disconnection and user logins mid game by providing alternate paths of execution based on all possible conditions and edge cases.• Constructed server side caching system that is synced to each redux store running on each client ensuring a consistent UI for all users.• Implemented eraser tool that filters out XY coordinates from global grid object based on canvas input values from client side.