https://github.com/cesarmartinez7/jade

Jade 💎 es un conjunto de herramientas hechas para los desarrolladores, su principal enfoque es formatear JSON, comparar JSON, Comparar Texto y Decodificar JWT
https://github.com/cesarmartinez7/jade

frontend json jsonformatter not-backend react rsbuild

Last synced: 2 months ago
JSON representation

Jade 💎 es un conjunto de herramientas hechas para los desarrolladores, su principal enfoque es formatear JSON, comparar JSON, Comparar Texto y Decodificar JWT

• Host: GitHub
• URL: https://github.com/cesarmartinez7/jade
• Owner: CesarMartinez7
• Created: 2025-08-09T22:54:44.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-08-25T14:30:00.000Z (11 months ago)
• Last Synced: 2025-09-08T00:46:20.396Z (10 months ago)
• Topics: frontend, json, jsonformatter, not-backend, react, rsbuild
• Language: TypeScript
• Homepage: https://jade-sooty.vercel.app
• Size: 2.82 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 
Jade 💎 


![ReactMatter](./src/public/images/jade.png)

**Jade** es una herramienta sencilla pero poderosa diseñada para:

- Formatear JSON de forma clara y legible.

- Generar **interfaces de TypeScript** al instante.

- Decodificar **JSON Web Tokens** (JWT).

- Comparar JSON y texto.

- Generar tablas dinámicas.

- Crear tipados en TypeScript.

  

Todo **sin necesidad de conectarse a un backend** ni realizar consumos externos.

Bajo la filosofía **"lo que es del frontend, se queda en el frontend"**, **ReactMatter** apuesta por la eficiencia, rapidez y simplicidad.

## 🚀 ¿Qué ofrece ReactMatter?

- ✨ **Formateo de JSON** con estilos modernos y fácil lectura.

- ⚙️ **Generación automática** de interfaces TypeScript basadas en el JSON ingresado.

- 🧠 **Interfaz intuitiva**, pensada para la experiencia del desarrollador.

- 📦 **Carga de archivos JSON** *(en desarrollo)*.

---

💡 **Ideal para** desarrolladores que trabajan con APIs, mockups o estructuras de datos complejas.

> Construido con **React**, su nombre refleja la unión de potencia y practicidad: React + herramientas que realmente importan.