Skip to content

shravan20/jsonp

Repository files navigation

JSONP - Multi tab JSON toolkit

A versatile web-based toolkit for working with JSON data. Open-source and works offline!

JSONP Logo

🌟 Overview

JSONP is a powerful, browser-based JSON toolkit that helps developers work with JSON data more efficiently. It works completely offline and includes multiple tools for formatting, comparing, converting, and generating JSON data.

✨ Features

🧹 JSON Formatter & Validator

  • Multi-tab support with color coding
  • Tree view with expandable nodes
  • Search functionality
  • Error highlighting
  • Real-time validation

🔍 JSON Comparison (Diff Checker)

  • Side-by-side diff view
  • Multi-tab support
  • Visual difference highlighting

💻 Code Generation

  • TypeScript interfaces
  • Python dataclasses
  • Go structs

🔄 Format Conversion

  • Python dictionary ↔ JSON converter
  • Preserves data types
  • Syntax highlighting

🧪 Mock Data Generator

  • Faker.js integration
  • JSON/CSV export
  • Table/JSON view modes
  • Customizable schemas
  • Built-in presets

📝 Markdown Editor

  • Real-time preview
  • Syntax highlighting
  • Multi-tab support

🚀 Getting Started

  1. Quick Start

    git clone https://github.com/shravan20/jsonp.git
    cd jsonp
    # Open index.html in your browser
  2. Usage

    • Open index.html in any modern browser
    • Drag & drop JSON files directly
    • Use tabs to organize multiple documents
    • Toggle between different tools using the sidebar

💡 Key Features

  • Offline Support: Works completely offline - no server needed
  • Multi-tab Interface: Work with multiple JSON documents simultaneously
  • Dark/Light Mode: Comfortable viewing in any environment
  • Keyboard Shortcuts: Efficient workflow with keyboard navigation
  • Local Storage: Auto-saves your work
  • Mobile Responsive: Works on all devices

🛠️ Development

# Install dependencies
npm install

# Format code
npm run format

# Lint code
npm run lint

# Run checks
npm run check

🤝 Contributing

We welcome contributions! Please see:

  1. Code of Conduct
  2. Contributing Guidelines
  3. Issue Templates

📝 Changelog

See CHANGELOG.md for a detailed history of changes.

📄 License

MIT Licensed - Free for personal and commercial use. See LICENSE for details.

🌐 Links


Made with ❤️ in India