📋 JSON Formatter - Creado por AleDev 🚀

¡Bienvenido al proyecto JSON Formatter! 🎉 Esta aplicación te permite formatear y validar datos JSON, así como generar Interfaces TypeScript y Modelos Python a partir de ellos. Todo de manera fácil y rápida. Además, ¡puedes visualizar y gestionar un historial de JSONs previamente formateados! 📝

🌐 Enlace Web

🌟 Características

• Formatear y Validar JSON con un solo clic.
• 🎨 Colorea y formatea los datos JSON para mejor legibilidad.
• 📝 Genera Interfaces TypeScript desde datos JSON.
• 🐍 Genera Modelos Python a partir de JSON automáticamente.
• 📜 Mantiene un historial de JSONs formateados.
• 🗑️ Borrar Historial con un botón.
• ☁️ Persistencia local usando localStorage.
• 📤 Copiar al portapapeles el JSON, interfaces TypeScript o modelos Python generados.
• 🔝 Botón de scroll hacia arriba para una navegación rápida.

📦 Instalación

Sigue estos pasos para instalar y ejecutar el proyecto:

1. Clona el repositorio:

   git clone https://github.com/tu-usuario/json-formatter.git

2. Navega al directorio del proyecto:

   cd json-formatter

3. Instala las dependencias usando npm:

   npm install

   Nota: Asegúrate de tener Node.js instalado. 📦

4. Ejecuta la aplicación:

   npm run dev

   La aplicación estará disponible en: http://localhost:3000 🌐

🛠️ Uso

Formatear JSON

1. Ingresa un JSON en el área de texto proporcionada.
2. Haz clic en el botón "Formatear y Validar JSON". ✅
3. El JSON será formateado y coloreado automáticamente.

Generar Interfaces TypeScript

1. Una vez formateado un JSON, haz clic en "Generar Interfaces TypeScript".
2. Las interfaces se generarán y estarán disponibles en la sección correspondiente.

Generar Modelos Python

1. Haz clic en el botón "Generar Modelos Python".
2. Se generarán modelos Python a partir del JSON formateado.

Copiar Contenidos

• Usa los botones "Copiar" en cada sección para copiar fácilmente JSON, Interfaces TypeScript o Modelos Python al portapapeles. 📋

Borrar Historial

• Haz clic en el botón "Borrar Historial" para eliminar todos los JSON formateados almacenados en la aplicación.

🔧 Tecnologías Utilizadas

• Next.js - Framework de React para aplicaciones web 🌐.
• TypeScript - Lenguaje para un tipado más seguro 🔤.
• Tailwind CSS - Para estilizar la interfaz de forma rápida y sencilla 🎨.
• quicktype-core - Librería para convertir JSON a modelos Python.
• react-syntax-highlighter - Para colorear y formatear el JSON en la interfaz.

📄 Licencia

Este proyecto está bajo la Licencia MIT. ¡Siéntete libre de usarlo! 📜

📬 Contacto

AleDev - Si tienes alguna pregunta o sugerencia, no dudes en contactarme:

• GitHub: AleDev11
• Email: aledeveloper11@gmail.com ✉️

---

¡Gracias por visitar el proyecto JSON Formatter! 🌟 ¡Espero que te sea útil! 😊