PerfSSR is an open source Chrome Developer tool that observes and analyzes Next.js applications. Developers get insightful information on application performance and server-side network requests - Designed and implemented a Chrome Extension to analyze and observe Next.js application rendering and server side API fetch calls, providing developers valuable insights to potential bottlenecks during development - Created the UI with React, implementing modular and reusable components for optimized rendering performance and smooth updates of incoming live data through WebSocket- Generated an abstracted tree by leveraging the React Fiber reconciliation algorithm to gain a snapshot of the application component hierarchy in between rendering events, gathering rendering times of each component of the life cycle update- Implemented a lightweight Express server integrated with Web Socket and OpenTelemetry middleware to reduce span objects by 40%, prioritizing critical data points to the frontend in real-time- Employed Chart.js to dynamically render charts that showcase the rendering performance metrics of Next.js applications, facilitating easy to understand performance analysis and identifying potential bottlenecks within a user’s web application- Developed custom TypeScript interfaces to enforce static typing to ensure accurate messages and data formats between the user's application and the developer tool, while enhancing future scaling and easier onboarding

- Leveraged React's component based hierarchy to generate reusable UI components, increasing code modularity and reducing code duplication, resulting in a 10% decrease in development time- Developed RESTful API using Express, streamlining data retrieval and manipulation with the simplicity and flexibly nature of RESTful and middleware architecture to retrieve and store movie/tv details from an external API- Enhanced user navigation with React Router, using its declarative approach to routing in a clear and intuitive manner, allowing for easier routing logic- Increase CSS codebase organization and development efficient by incorporating SCSS features such as variables and code nesting, leading to more modular and readable code- Customized Webpack configuration to handle bundle different file types, such as JavaScript transpiration with React, and CSS preprocessors, to improve performance and code organization- Utilized MongoDB's document based approach to handle varying object structures, enabling efficient storage and retrieval for user stored movie and tv preferences

- Allowed easy login by integrating Spotify OAuth 2.0 Authorization Control flow to generate access tokens to allow persistent authentication when authorizing a users account- Stored user liked songs with MongoDB, leveraging its schema less design to create structured JSON style objects for high read and write throughout, allowing fast data retrieval and efficient updates- Optimized global state management using the React Context API to decouple direct parent-child relationship, allowing components to get access to state regardless of their position in the component tree and making it easier to refactor without affecting data flow

• Co-lead to a global project to upgrade the firmware all Access Control Panels not limited to developing schedules and working alongside with field technicians to ensure correctness • Assisted in the global deployment of SureView Immix to all Facebook offices and data centers• Provided a python script to transpose camera research documentation to a CSV recognized by Immix• Ensure configuration of devices are up to standard prior to Immix integration of a site• Manage projects involving security system configuration, implementation, and commissioning

Embedded at Facebook Headquarters in Menlo Park• Managed and oversaw physical security assets in all offices and data centers globally • Improved operational methods and workflow by identifying, recommending, and implementing process initiatives via python script saving thousands of man-hours• Competent at providing detailed documentation, training guides, and written reports• Knowledge of Access Control System (CCure 9000) and Video Surveillance (Genetec)