Launching today
JSCodeCraft
10 JS tools — analyze, visualize, refactor, learn
4 followers
10 JS tools — analyze, visualize, refactor, learn
4 followers
JSCodeCraft brings 10 JavaScript tools into one platform. Code analyzer with 20+ rules catches bugs, security issues, and anti-patterns before they hit production. Performance estimator scores complexity and suggests fixes. Interactive visualizer makes event loops, closures, and async code click. AST explorer shows code structure visually. Refactoring engine with 5 modes. Bug hunting game. Interview prep from Junior to Staff Engineer. Built for developers who learn by doing. No sign-up required.
One thing that would make this even better is a side-by-side diff view when using the refactoring engine, so you can see exactly what changes the tool is about to apply before it touches your code. Would save a lot of back-and-forth when working on bigger files.
@iozamaratl92251 Great suggestion. A diff preview before applying refactors is definitely on the roadmap it's one of those features that seems obvious in hindsight but makes a huge difference in practice. I'll prioritize it in the next update. Thanks for the thoughtful feedback!
love that the clickable event loop visualizer actually makes async flow click instead of just looking pretty. most JS tools stop at linter output, so the interactive angle feels genuinely useful for someone trying to finally internalize closures and the microtask queue.
@nazrpafr Thanks! That's exactly what I was going for. The event loop visualizer was the hardest part to build I wanted it to actually show the call stack, task queue, and microtask queue moving in real time instead of just being a static diagram.
Most people learn async by reading articles or watching videos, but actually seeing the execution order click by click makes it stick. Glad it's working for you!
@JSCodeCraft
If anyone's wondering how I built this it started as a personal project to help me review my own code faster. I kept finding the same issues in code review that a tool could catch automatically.
The refactoring engine alone has saved me hours each week. It spots patterns like nested callbacks, unused variables, and complex functions that need breaking down.
Happy to answer any technical questions about the implementation. Built it with Next.js 16 and TypeScript the whole thing is open source if you want to see how it works under the hood.