JSON Formatter & Validator

A web-based tool that allows users to format and validate JSON data with an intuitive interface.

🚀 Try it now!

✨ Launch JSON Formatter & Validator ✨

👉 https://avil-xd.github.io/json-beautifier

Features

• Format JSON with proper indentation
• Validate JSON and display detailed error messages
• Modern dark theme interface
• Keyboard shortcuts support
• Responsive design for all devices
• Copy/Paste functionality with dedicated buttons
• User-friendly error messages and suggestions
• Accessible design with ARIA support
• Progressive Web App (PWA) support
• Offline functionality

Usage

1. Paste your JSON into the text area using the Paste button or keyboard
2. Click "Format" to beautify the JSON or "Validate" to check for errors
3. Use keyboard shortcuts:
   • Alt + F: Format JSON
   • Alt + V: Validate JSON
   • Alt + P: Copy to clipboard
   • Alt + I: Paste from clipboard
   • Alt + C: Clear input
4. Use the Copy/Paste buttons to transfer JSON between applications

Local Development

1. Clone the repository:

git clone https://github.com/Avil-XD/json-beautifier.git

2. Open the project directory:

cd json-beautifier

3. Open index.html in your browser or use a local server:

# Using Python 3
python -m http.server

# Using Node.js
npx serve

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)
• Progressive Web App technologies
• Clipboard API

Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.