This is a fun project. Your mission, should you accept it, is to fix memory leaks and UX issues in an existing React component. This component performs identity document verifications remotely (using an API) and locally (using a WASM worker).
There are two goals for this project:
1) Identify and fix user experience issues related to WebRTC permissions
2) Identify and fix memory leaks, if any
Details on UX issue:
We are using HTML Canvas with a video stream started by WebRTC to show helpful tips on how to take good pictures for verification. Due to permissions issues with WebRTC on iOS and Android devices, many users complain the app is not working. Currently, the component will show a dialog with help on how to fix the permissions, but it is not enough. We'd like you to help investigate and suggest how to fix the reported issues. DataDog access to Real User Monitoring with stacktraces available.
Details on Memory Leaks:
Using Safari development tools, investigate performance and memory issues. Move heavy processes to web workers.
Mobile Safari is the predominant browser, followed by Chrome Desktop, Chrome Mobile, and lastly, Chrome iOS.
We have plenty of user-submitted feedback with screenshots relating to issues they encounter on this component.
In your proposal, put together your thought process on how you would tackle this problem and an example of work that shows you are a good fit for the job.