https://github.com/m-mohammad-d/json-view
A minimal, responsive JSON Viewer built with React to view and format JSON data effortlessly. This tool makes exploring JSON data smooth and visually intuitive with features like syntax highlighting and sample JSON examples.
https://github.com/m-mohammad-d/json-view
json react react-syntax-highlighter typescript vite
Last synced: about 2 months ago
JSON representation
A minimal, responsive JSON Viewer built with React to view and format JSON data effortlessly. This tool makes exploring JSON data smooth and visually intuitive with features like syntax highlighting and sample JSON examples.
- Host: GitHub
- URL: https://github.com/m-mohammad-d/json-view
- Owner: m-mohammad-d
- Created: 2024-10-31T14:20:54.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-11-04T19:06:30.000Z (about 1 year ago)
- Last Synced: 2024-12-19T14:49:44.698Z (12 months ago)
- Topics: json, react, react-syntax-highlighter, typescript, vite
- Language: TypeScript
- Homepage:
- Size: 146 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JSON Viewer 🌐
A minimal, responsive JSON Viewer built with React to view and format JSON data effortlessly. This tool makes exploring JSON data smooth and visually intuitive with features like syntax highlighting and sample JSON examples.
## 🚀 Features
- **Easy-to-Read Format**: JSON data displayed in a clean, readable format.
- **Syntax Highlighting**: Enhanced readability with colorful syntax highlighting.
- **Sample JSON Examples**: Try out predefined examples to get started quickly.
- **Responsive Design**: Optimized for all devices.
## 🛠 Installation
1. Clone the repository:
```bash
git clone https://github.com/m-mohammad-d/json-view.git
```
2. Install dependencies and start the app:
```bash
cd json-view
npm install
npm run dev
```
## 🎉 Try it Out
Load your JSON data, view examples, and explore JSON with ease. This project is designed to be as simple and useful as possible, especially for quick data checks and JSON formatting.
https://view-json.netlify.app
Enjoy JSON viewing! 🥂