• Designed an NPM library building off the ReconnectingWebsocket library to provide a custom React Hook allowing multiple clients to synchronize component and state updates for UI implementation or debugging, supported by a lightweight, rapidly implementable Redux-like unified state store spanning client, server, and database

• Leveraged NoSQL and SQL databases to store couplings of user sessions and application states in a central location so that multiple clients can be coordinated by a single store of state as well as a TypeScript interface for custom drivers to implement

• Verified API functionality and scalability with unit tests via Jest and Puppeteer for backend, frontend, and end to end testing, including designing a proprietary mock websocket client and server to promote application scalability and alert devs on breaking changes during feature development

• Documented the guidelines for using the NPM library using JSDoc to communicate to users the entry points in our API, thereby lowering barriers to entry and increasing adoption

• Ensure that the library maintains stable functionality across version updates with Github Actions to standardize the endpoint API so that breaking changes are captured before deployment

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

• An Electron application designed to utilize the bidirectionality of websockets for dynamic and rapid client-and-server side data flow in order to maintain a single unified state store, optimizing dev experience by minimizing debugging time

• Implemented three database solutions (JSON, SQL, NoSQL) to store incoming messages and other user setting changes to make the application database-agnostic, providing multiple possible solutions for users

• Relied on a custom React Hook to abstract logic away from components and synchronize data flow and application state across clients with the database, with benefits for tracking client state and debugging, designing tests, and latency

• Leveraged embedded React components in a Chrome extension supported by a backend connected to user and developer profiles via Spotify API to make search and playlist calls to Spotify to improve UX by reducing interruptions to user browsing flow

• Utilized React Router and conditional rendering to segregate authentication and CRUD UI while avoiding UX detriments from page refreshes

• Increased process efficiency in the local VBA-oriented environment by automating data collection and report generation through the creation of VBA scripts, as well as SharePoint forms and queries,, often reducing hours of manual data entry to mere clicks

• Designed Microsoft Access databases using VBA and Access SQL to ensure that data collected from the entirety of Citi’s trillion dollar global operations spanning hundreds of discrete, disparate operating units were stored in an ACID-compliant manner as well as maintain cross compatibility with other pre-existing Citi applications