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

AykutSarac a8167f53d6 update folder structure преди 2 години
.github f60c2eb10d Update bug_report.yml преди 2 години
public 7dfe1c5df2 update preview image преди 2 години
src a8167f53d6 update folder structure преди 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 години
.npmrc 2ed79c58d2 update packages преди 2 години
.prettierignore be07f7b783 prettier преди 2 години
.prettierrc 6048bb1482 update .prettierrc преди 2 години
.travis.yml e240286a67 remove test scripts преди 2 години
CODE_OF_CONDUCT.md 4fa5d88a81 update COC преди 2 години
CONTRIBUTING.md f8e5f93c6e chore: update docs преди 2 години
Dockerfile 7172985750 update baseurl env variable преди 2 години
LICENSE 879fc15e15 update license преди 2 години
README.md a057871191 update readme преди 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 a8167f53d6 update folder structure преди 2 години
package.json debe13fef5 update version преди 2 години
tsconfig.json 8b2822221f convert parser into TS преди 3 години
yarn.lock fb6d8a55f5 feat: replace twitter embed with official преди 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
  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 GNU General Public License v3.0.