Skip to content

Amardeep-Chouhan/DataLens

Repository files navigation

Data Lens

A free, no-sign-up JSON formatter, validator, and explorer. Paste or upload JSON, get it validated instantly with a precise line/column error if something's broken, and explore the structure as a collapsible tree with live breadcrumb paths.

Why I built this

As a full-stack dev working with REST APIs (Express/Node backends, GitHub's public API, PostgreSQL-backed services), I constantly end up staring at raw, unformatted JSON responses while debugging — checking payload shapes, hunting for a missing key, or figuring out why a nested field isn't where I expect it. I wanted something faster than copy-pasting into five different online formatters that are full of ads and don't show you exactly where the syntax broke.

Features

  • Validate — real JSON.parse validation with exact line/column error reporting
  • Explorer tree — collapsible, color-coded tree view of the parsed structure
  • Live breadcrumb — hover any node to see its full path from root
  • Format / Minify — pretty-print with 2-space indent, or collapse to one line
  • Copy / Download — copy formatted JSON to clipboard, or download as formatted.json
  • File upload — load a .json file directly instead of pasting
  • Runs entirely in the browser — nothing is sent to a server; your data never leaves your machine

Stack

  • Next.js 16 (App Router)
  • TypeScript
  • Tailwind CSS v4
  • Deployed on Vercel's free Hobby plan

Running locally

npm install
npm run dev

Open http://localhost:3000.

Build

npm run build
npm run start

Built by Amardeep Chouhan · amardeepchouhan456@gmail.com

About

Format, validate, and visualize JSON data with a clean and intuitive interface.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors