/Json-diff

🔵🟠 An Angular-powered tool to quickly compare two JSON objects and highlight their differences!

Primary LanguageTypeScript

🔍 JSON Diff Viewer with Angular

Welcome to JSON Diff Viewer – an Angular-powered tool to quickly compare two JSON objects and highlight their differences! 🚀

My Skills

✨ Features

  • 📝 Compare Two JSONs – Find added, removed, or changed keys instantly.
  • 📦 Support for JavaScript & TypeScript objects – Parse and compare exported objects or classes directly.
  • 🌈 Color Highlighting – Visual differences with clear color coding.
  • 🔄 Recursive Comparison – Works with nested objects and arrays.
  • Fast and Lightweight – Built with Angular, no backend required.
  • 🌐 Ready for GitHub Pages – Deploy as a static site with ease.

🚀 Live Demo

View it here!

🖼️ Preview

Preview

📦 Installation

Clone the repository and install dependencies:

git clone https://github.com/mufasa-dev/Json-diff.git
cd Json-diff
npm install

🛠️ Development

Run the app locally:

ng serve

Open your browser and go to: 👉 http://localhost:4200/

👨‍💻 Author

Developed with ❤️ by Bruno

📜 License

This project is licensed under the MIT License. Feel free to use, modify, and share! 🎉