• Published NPM package for client installation that exposes endpoints for sending GraphQL schemas to the application by connecting to users’ SQL databases and locally hosted servers, to provide a

• GraphQL testing environment with minimal backend setup for users.

• Utilized React Router to facilitate multi-page functionality and expedite client-side routing, enabling full-page views of users’ schema visualizations and query performance metrics within a single-page application.

• Leveraged the Electron framework in a Node.js runtime environment to create multiple renderer processes modularizing app functionality, and incorporated an IndexedDB store to streamline UX by persisting user information across sessions.

• Developed GraphQL API with numerous mutations and queries to allow for declarative data fetching and retrieval of information from a SQL database, eliminating any overfetching and underfetching by the client.

• Architected a backend using Apollo server in order to utilize Apollo Tracing’s performance data and obtain meaningful metrics for a query’s performance, including execution times of resolver functions and GraphQL-level error messages.

• Constructed a network graph visualization of GraphQL schema by utilizing a data visualization library to display an interactive graph that allowed users to navigate their schemas’ types and fields, highlighting all endpoints in the graph that were reached in a query or mutation and display valuable data on resolvers’ performance.

• Employed Test Driven Development (TDD) methodology using Jest and Enzyme to create both unit and integration tests for the behavior of display, functionality, and lifecycle methods.

• Product developed under tech accelerator OS Labs (opensourcelabs.io)

• Multiplayer networked game that allows users to caption, share, and upvote image submissions.

• Utilized WebSockets to allow for concurrent client connections during game sessions, establishing efficient client-server communication through event emitters and listeners that updated state in the frontend and displayed relevant game data to users.

• Structured a single page application with React, utilizing hooks in functional components to minimize excessive prop-drilling and efficiently render the application based on local state changes.

• Integrated Styled Components to create a scalable and reusable design system, improving maintainability of the application’s code.

• Centralized hub for receiving and sharing data about upcoming local elections

• Built Node.js server using Express to create a flexible RESTful API with non-blocking, asynchronous middleware modules that efficiently delivered upcoming election data and ballot initiatives from a third-party API based on user location.

• Implemented optional OAuth login for account creation and authentication through existing third-party APIs with robust, well-vetted security features.

• Configured Webpack to optimize the development environment, leverage hot module reloading to enhance workflow, and to bundle files and dependencies, minimizing file size to improve application load and render times.