Adaptive software engineer, always looking to adopt emerging new technologies. Current tech stack includes React.js, Next.js, TypeScript, Express.js and NoSQL/SQL Co-creator of PerfSSR, an open source Next.js server side performance / observability chrome extension.
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
2020 — 2023
Fremont, California, United States
2019 — 2019
Menlo Park, CA
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
Education
San José State University