I’ve developed an npm package called trakk-js, designed to help frontend developers while they're developing their applications locally.

It provides a clean UI panel that loads on top of your web application, and presents all of the below in real-time :

- Tracks function calls, errors, requests, and user interactions (with screenshots) with detailed insights. - Filters unimportant events and shows app stats (slowest/fastest loops, frequent calls, etc.). - Generates automatic documentation with a single click.

Why use it?

- Debugging: Clean UI to trace your app’s code flow in real-time. - Onboarding: Newcomers can easily understand app behavior by tracking event flow. - Documentation: Generates accurate, up-to-date docs automatically after code changes.

It's framework agnostic, works with .js, .jsx, .ts, .tsx files, and doesn’t modify your code.

It's currently in test mode so feel free to check it out.

Looking forward to your feedback!