Skip to content

πŸ”΅πŸŸ  An Angular-powered tool to quickly compare two JSON objects and highlight their differences!

Notifications You must be signed in to change notification settings

mufasa-dev/Json-diff

Repository files navigation

πŸ” 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! πŸŽ‰

About

πŸ”΅πŸŸ  An Angular-powered tool to quickly compare two JSON objects and highlight their differences!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published