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

1. Clone the repository

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

2. Install dependencies

cd json-viewer
npm install

3. Start the development server

npm start

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

Usage

1. Paste your JSON data into the editor
2. The JSON will be automatically formatted
3. If there are any syntax errors, they will be highlighted
4. 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