•Built a Node.js tool utilizing a Node/Express server and a React based GUI to organize GraphQL queries to an endpoint, gather response timing data for these queries over time, and interactively visualize the timing data.
•Used Yargs to augment the command line interface, creating a descriptive help menu, extensive option support, aliases, and easing future development by laying down an easily maintainable and extensible file structure.
•Utilized D3’s data visualization API to provide interactive and dynamic visualizations of GQL response timing data.
•Built a GraphQL server interfacing between endpoints with varying response times to test our timing gathering tool.
•Configured Webpack for easy development with hot module reloading augmented with proxy server, transpilation of JSX, TSX, and Typescript, and used webpack to uglify and minify build for compact production level code.
•Migrated React components to TypeScript (TSX) to circumvent potential typing errors as the codebase develops.
•Used Jest to implement a testing suite for the Command Line Tools to ensure that core functionality is preserved as the project grows in size, improving the extensibility of the project and streamlining the development of new features.