JSON Viewer

A modern, user-friendly JSON viewer and formatter built with React. This tool helps developers visualize, format, and validate JSON data with ease.

Features

🚀 Real-time JSON formatting and validation
💡 Syntax highlighting
⌨️ Auto-formatting on paste
🎨 Clean and modern UI
🔍 Error detection and reporting

Getting Started

Prerequisites

Node.js (v14 or higher)
npm or yarn

Installation

Clone the repository

git clone https://github.com/yourusername/json-viewer.git

Install dependencies

cd json-viewer
npm install

Start the development server

npm start

The application will be available at http://localhost:3000

Usage

Paste your JSON data into the editor
The JSON will be automatically formatted
If there are any syntax errors, they will be highlighted
Use the "Format JSON" button to manually trigger formatting

Built With

React - UI Framework
Ace Editor - Code Editor
Prettier - Code Formatter

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE file for details