JSON Toolkit

A comprehensive online JSON formatting tool, built with Vue 3, Element Plus, and Monaco Editor.

Features (MVP)

• Format: Prettify JSON with configurable indentation (2 or 4 spaces).
• Compress: Minify JSON for production use.
• Validate: Check JSON syntax and validity.
• Theme Switching: Toggle between Light and Dark modes.
• Editor: Powered by Monaco Editor (VS Code's editor) for a rich editing experience.

Tech Stack

• Vue 3
• TypeScript
• Vite
• Element Plus
• Tailwind CSS
• Monaco Editor

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build