{"id":27165759,"url":"https://github.com/manthanank/json-compare-app","last_synced_at":"2026-04-10T22:46:48.930Z","repository":{"id":285995400,"uuid":"960012495","full_name":"manthanank/json-compare-app","owner":"manthanank","description":"Json Compare App","archived":false,"fork":false,"pushed_at":"2025-04-03T18:19:46.000Z","size":770,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-03T19:28:04.078Z","etag":null,"topics":["angular","json"],"latest_commit_sha":null,"homepage":"https://json-compare-app.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/manthanank.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["manthanank"],"open_collective":"manthanank","buy_me_a_coffee":"manthanank","patreon":"manthanank"}},"created_at":"2025-04-03T18:03:49.000Z","updated_at":"2025-04-03T18:05:42.000Z","dependencies_parsed_at":"2025-04-03T19:38:17.850Z","dependency_job_id":null,"html_url":"https://github.com/manthanank/json-compare-app","commit_stats":null,"previous_names":["manthanank/json-compare-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manthanank%2Fjson-compare-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manthanank%2Fjson-compare-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manthanank%2Fjson-compare-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manthanank%2Fjson-compare-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/manthanank","download_url":"https://codeload.github.com/manthanank/json-compare-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247968980,"owners_count":21025893,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","json"],"created_at":"2025-04-09T03:20:35.154Z","updated_at":"2026-04-10T22:46:43.859Z","avatar_url":"https://github.com/manthanank.png","language":"TypeScript","funding_links":["https://github.com/sponsors/manthanank","https://opencollective.com/manthanank","https://buymeacoffee.com/manthanank","https://patreon.com/manthanank"],"categories":[],"sub_categories":[],"readme":"# Json Compare App\n\nA modern web application that allows users to compare and visualize differences between JSON objects. Built with Angular and Tailwind CSS.\n\n## Features\n\n- **JSON Comparison**: Easily compare two JSON objects and see their differences\n- **Visual Differences**: Clear visualization of added, removed, and changed values\n- **Dark/Light Mode**: Support for both dark and light themes with automatic detection of system preferences\n- **Responsive Design**: Works well on all device sizes\n- **Format JSON**: Automatically format and prettify JSON inputs\n- **Visitor Tracking**: Anonymous visitor count tracking\n- **Real-time Updates**: Uses Angular's signal-based reactivity for instant feedback\n\n## Technologies Used\n\n- **Angular 19**: Latest version with signals for state management\n- **Tailwind CSS 4**: For responsive and utility-first styling\n- **TypeScript**: For type-safe code\n- **RxJS**: For handling asynchronous operations\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js (v18+)\n- npm (v9+)\n\n### Installation\n\n1. Clone the repository:\n\n    ```bash\n    git clone https://github.com/manthanank/json-compare-app.git \n    cd json-compare-app\n    ```\n\n2. Navigate to the project directory:\n\n   ```bash\n   cd json-compare-app\n   ```\n\n3. Install dependencies:\n\n   ```bash\n    npm install\n    ```\n\n4. Start the development server:\n\n    ```bash\n    npm start\n    ```\n\n5. Open your browser and navigate to `http://localhost:4200`\n6. You should see the application running.\n\n## Usage\n\n1. Paste your source JSON in the left textarea\n2. Paste your target JSON in the right textarea\n3. Click \"Compare JSON\" to see the differences\n4. Toggle between dark and light mode using the icon in the upper right\n\n## Building for Production\n\nRun `npm run build` to build the project for production. The build artifacts will be stored in the `dist/` directory.\n\n## License\n\nThis project is open source and available under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanthanank%2Fjson-compare-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmanthanank%2Fjson-compare-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanthanank%2Fjson-compare-app/lists"}