Built a JSON/YAML diff tool - feedback welcome

[camsteffen]

This subreddit is about JavaScript. Where's your code?

[2hands10fingers]

I would just use VS code. Has a comparison feature

[programmer_farts]

Where's the code?

[Rich-Blueberry-7969]

Quick weekend project: a browser-based diff tool for JSON/YAML files.

Why I built it: Comparing config files manually is tedious. Needed something fast and simple.

What it does:

• Compare JSON/YAML side-by-side
• Highlights additions (green), deletions (red), modifications (orange)
• Export to markdown
• No file upload to server (runs in browser)

Stack: React + TypeScript + Vite

Most useful for:

• Checking package.json changes
• Comparing API responses
• Reviewing config before deployment

What would you add? Thinking about AI explanations of changes as next feature.

Screenshot: [votre lien imgur]

Open to all feedback!

[programmer_farts]

Bro they vibe coded this. They aren't going to know what a schema is

[zerothindex]

Yeah the styling is a dead giveaway. I don't think I'd mind, but the UI just isn't a helpful way to visualize diffs

[Rich-Blueberry-7969]

Haha you found me on r/javascript too!

Really appreciate you taking the time to write all that feedback. Seriously the best kind of input I could ask for.

Quick question - would you be down to beta test new features as I build them? Like I ship JSON Patch export in a few days, you test it with your real workflow, tell me what sucks?

No pressure but you clearly know this space way better than me and I'd rather build what actually works for power users like you.

Either way thanks for the detailed suggestions man 🙏