https://github.com/daviddevgt/jsonviewer
JSON Viewer & Editor Pro
https://github.com/daviddevgt/jsonviewer
json json-data
Last synced: 4 months ago
JSON representation
JSON Viewer & Editor Pro
- Host: GitHub
- URL: https://github.com/daviddevgt/jsonviewer
- Owner: DavidDevGt
- Created: 2023-08-18T08:02:27.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2025-05-27T16:40:20.000Z (about 1 year ago)
- Last Synced: 2025-09-07T23:49:00.932Z (10 months ago)
- Topics: json, json-data
- Language: JavaScript
- Homepage: https://json-viewer-two.vercel.app
- Size: 21.5 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JSON Viewer & Editor Pro
## 🌟 Descripción
**JSON Viewer & Editor Pro** es una herramienta avanzada para visualizar, editar, validar y formatear JSON con una interfaz de usuario intuitiva y moderna. Desarrollada con Vue.js, esta aplicación web combina potencia y facilidad de uso, ofreciendo una experiencia excepcional para desarrolladores y profesionales técnicos.
## ✨ Características Principales
- 🌓 **Tema Claro/Oscuro**: Interfaz conmutable entre modos claro y oscuro para mayor comodidad visual
- 🎨 **Sintaxis Resaltada**: Resaltado de sintaxis para claves, cadenas, números, booleanos y valores nulos
- 🔄 **Formateo Inteligente**: Formatea automáticamente JSON con sangría adecuada
- 📝 **Validación en Tiempo Real**: Detecta y muestra errores de sintaxis con información de ubicación
- ⚡ **Rendimiento Optimizado**: Procesamiento eficiente incluso con documentos JSON grandes
- 📋 **Historial de Cambios**: Deshacer/rehacer cambios con un historial de hasta 50 acciones
- 🔍 **Vista de Árbol**: Visualización jerárquica de la estructura JSON
- 📱 **Diseño Responsivo**: Funciona perfectamente en dispositivos de cualquier tamaño
## 🚀 Cómo Usar
1. **Ingresa tu JSON** en el área de texto izquierda
2. **Formatea** automáticamente o manualmente con el botón "Formatear"
3. **Visualiza** el resultado formateado en el panel derecho
4. **Cambia entre temas** usando el botón de tema en la esquina superior derecha
5. **Copia** el resultado formateado al portapapeles con un solo clic
## 🛠️ Instalación
```bash
# Clona el repositorio
git clone https://github.com/DavidDevGt/JSONviewer.git
# Navega al directorio
cd JSONviewer
# Abre el archivo index.html en tu navegador favorito, esta todo con CDN, no es obligatorio tener node.js instalado
```
## 📦 Dependencias
- Vue.js - Framework JavaScript progresivo
- Bootstrap - Framework CSS para estilos responsivos
- Lodash - Utilidades de JavaScript
- Prism.js - Resaltado de sintaxis
---
Desarrollado con ❤️ por [DavidDevGt] | [GitHub](https://github.com/DavidDevGt)