json-viewer

JSON Viewer is a simple web application that allows users to upload JSON files or paste JSON content directly into the browser to view the structured data in a table format. It supports both flat and nested JSON structures, providing an easy-to-read representation of the JSON data. The application also includes syntax highlighting for better readability.

Features

• Upload JSON File: Upload a JSON file from your local system to display its data in a table.
• Paste JSON Content: Directly paste JSON content into a text area to view it in a table format.
• Syntax Highlighting: Keys, strings, numbers, booleans, and null values are highlighted for better readability.
• Handles Nested JSON: Displays nested JSON objects and arrays appropriately.
• Responsive Design: Designed to work well on both desktop and mobile devices.
• Clear Data: Easily clear the displayed data and reset input fields using the clear button.

Project Structure

json-viewer/
├── css/
│   └── styles.css
├── images/
│   └── favicon.png
│   └── logo.png
├── js/
│   └── script.js
├── index.html
└── README.md

Usage

1. Clone the repository or download the project files.
2. Open index.html in a web browser.
3. Choose "Upload JSON File" to upload a file or "Paste JSON Content" to enter JSON data manually.
4. Click the "View" button to display the JSON data in a table.
5. Use the "Clear" button to reset the input fields and clear the displayed data.

Installation

1. Clone the repository:

   git clone https://github.com/your-username/json-viewer.git

2. Navigate to the project directory:

   cd json-viewer

3. Open index.html in your web browser.

Dependencies

• Google Fonts - Titillium Web

Contributing

Contributions are welcome! Please submit a Pull Request or open an issue for suggestions or improvements.

Contact

For questions or suggestions, contact the project maintainer at [antrixsh@gmail.com].

License

This project is licensed under the MIT License. See the LICENSE file for more information.