⭐️ Transform data chaos into clarity with JSON Crack - the ultimate JSON visualization solution.
fork from : https://github.com/AykutSarac/jsoncrack.com.git

AykutSarac be8258a626 fix type 2 سال پیش
.github f60c2eb10d Update bug_report.yml 2 سال پیش
public 1414fff690 update paths [ci skip] 2 سال پیش
src be8258a626 fix type 2 سال پیش
.env.development 7172985750 update baseurl env variable 2 سال پیش
.env.production 7172985750 update baseurl env variable 2 سال پیش
.eslintrc.json 1ddeb72dca ESLint improvements 2 سال پیش
.gitignore 5a27eb123e add pwa scripts to ignore 3 سال پیش
.prettierignore be07f7b783 prettier 2 سال پیش
.prettierrc 6048bb1482 update .prettierrc 2 سال پیش
.travis.yml 42bc27aa97 prettify 2 سال پیش
CODE_OF_CONDUCT.md 4fa5d88a81 update COC 2 سال پیش
CONTRIBUTING.md 263696ed88 update CONTRIBUTING.md 2 سال پیش
Dockerfile 7172985750 update baseurl env variable 2 سال پیش
LICENSE 191b692006 Create LICENSE 3 سال پیش
README.md 1414fff690 update paths [ci skip] 2 سال پیش
TODO.md 41638eb35b prevent expand btn expanding all 2 سال پیش
default.conf 5eebab6f7f dockerfile improvement 2 سال پیش
jest.config.ts 42bc27aa97 prettify 2 سال پیش
jest.setup.ts be07f7b783 prettier 2 سال پیش
next-env.d.ts a4da57fa41 Initial commit from Create Next App 3 سال پیش
next.config.js 1fab5e681a remove minify 2 سال پیش
package.json a0b769faa7 update next version & lint 2 سال پیش
tsconfig.json 8b2822221f convert parser into TS 3 سال پیش
yarn.lock a0b769faa7 update next version & lint 2 سال پیش

README.md

<img width="1080" alt="jsoncrack" src="https://user-images.githubusercontent.com/47941171/187418000-8edea92b-b3ac-4b07-9c4c-e42f6763817d.png">

github sponsors travis ci badge license badge version badge github sponsors

Simple json visualization tool for your data.

  <img width="800" src="./public/assets/jsoncrack-screenshot.webp" alt="preview 1" />

JSON Crack (jsoncrack.com)

JSON Crack is a tool that generates graph diagrams from JSON objects. These diagrams are much easier to navigate than the textual format and to make it even more convenient, the tool also allows you to search the nodes. Additionally, the generated diagrams can also be downloaded or clipboard as image.

You can use the web version at jsoncrack.com or also run it locally as Docker container.

JSON Crack - Crack your data into pieces

⚡️ Features

  • Search Nodes
  • Share links & Create Embed Widgets
  • Download/Clipboard as image
  • Upload JSON locally or fetch from URL
  • Great UI/UX
  • Light/Dark Mode
  • Advanced Error Messages

🛠 Development Setup

  npm install --legacy-peer-deps
  npm run dev

🐳 Docker

A Dockerfile is provided in the root of the repository. If you want to run JSON Crack locally:

  • Build a Docker image with docker build -t jsoncrack .
  • Run locally with docker run -p 8888:8080 jsoncrack
  • Go to http://localhost:8888

License

This project is open source and available under the MIT License.