cxsun123/json-explorer

JSON Explorer is a web based tool for viewing and working with JSON files, a common format used to store structured data like settings, exported records, or API responses. Instead of reading a JSON file as a wall of plain text, this tool offers three different ways to look at the same data, making it easier to understand files that would otherwise be hard to read by eye. A user can drag and drop a JSON or JSONC file directly into the browser window, or open one through a normal file picker, and the tool automatically parses it as soon as it loads. The Text view lets a user edit the raw file, format it for readability, check whether it is valid JSON, and copy the content, all through a simple toolbar. The Tree view turns the data into an expandable, collapsible outline, similar to a file explorer, letting a user open only the parts of the data they care about and select individual entries. The Table view displays the data in resizable columns with a detail panel and a clickable path trail at the top, so a user can see exactly where they are inside a large or deeply nested file and copy that location. The project is built with Next.js, a popular framework for building web applications, and styled with Tailwind CSS, a tool for quickly writing consistent page styling. It can be run directly on a developer's own computer using standard Node.js commands, or packaged and run using Docker, a tool for running applications in a consistent, isolated environment. The project also includes a hosted version anyone can try online without installing anything, and it supports both English and Chinese interface languages. This tool is useful for developers, or anyone technical enough to work with JSON files, who wants a faster and more visual way to inspect and edit data than opening it in a plain text editor. It is released under the MIT license, allowing free use and modification.