https://github.com/mufasa-dev/Json-diff

🔵🟠 An Angular-powered tool to quickly compare two JSON objects and highlight their differences!
https://github.com/mufasa-dev/Json-diff

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/mufasa-dev/Json-diff
• Owner: mufasa-dev
• Created: 2025-07-19T13:25:36.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-08-09T01:14:47.000Z (3 months ago)
• Last Synced: 2025-08-09T01:18:36.005Z (3 months ago)
• Language: TypeScript
• Homepage:
• Size: 929 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• fucking-awesome-angular - json-diff - An Angular-powered tool to quickly compare two JSON objects and highlight their differences! (Third Party Components / Viewers)
• awesome-angular - json-diff - An Angular-powered tool to quickly compare two JSON objects and highlight their differences! (Third Party Components / Viewers)

README

          
# 🔍 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](https://skillicons.dev/icons?i=angular,ts,html,tailwind,vscode)](https://skillicons.dev)

## ✨ 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!**](https://mufasa-dev.github.io/Json-diff/)  

## 🖼️ Preview

![Preview](src/assets/images/preview.png)

## 📦 Installation

Clone the repository and install dependencies:

```bash

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

cd Json-diff

npm install

````

## 🛠️ Development

Run the app locally:

```bash

ng serve

```

Open your browser and go to:

👉 **[http://localhost:4200/](http://localhost:4200/)**

## 👨‍💻 Author

Developed with ❤️ by **[Bruno](https://github.com/mufasa-dev)**

## 📜 License

This project is licensed under the **MIT License**.

Feel free to use, modify, and share! 🎉