JSONify 🚀

JSONify is a professional, free, and open-source JSON editor and validator designed for developers. Format, validate, minify, and convert JSON with AI-powered error detection and security scanning.

🌐 Live Demo: https://jsonify.cit.org.in

✨ Features

Core Features

• 🎨 JSON Formatting - Beautify and format JSON with proper indentation
• ✅ JSON Validation - Real-time syntax validation with detailed error messages
• 📦 JSON Minification - Compress JSON to reduce file size
• 📁 File Upload - Upload and parse JSON files directly
• 🌳 Tree View - Visualize JSON structure in an interactive tree

Advanced Features

• 🤖 AI-Powered Error Explanation - Get intelligent suggestions to fix JSON errors
• 🔄 Multi-Format Conversion - Convert JSON to YAML, XML, and TOML
• 🔒 Security Scanner - Detect sensitive data like API keys, passwords, and tokens
• ⚡ Performance Analyzer - Analyze JSON size and get optimization suggestions
• 💾 Offline Support - Works offline as a Progressive Web App (PWA)

Developer Experience

• 🎯 Professional Code Editor - Syntax highlighting and line numbers
• 📱 Mobile Responsive - Works seamlessly on all devices
• 🌙 Dark Mode - Eye-friendly dark theme
• ⌨️ Keyboard Shortcuts - Fast workflow with keyboard support
• 🚀 Lightning Fast - Built with Next.js 15 and React 18

🚀 Quick Start

Prerequisites

• Node.js 18+ and npm/yarn/pnpm
• Git

Installation

1. Clone the repository

   git clone https://github.com/Centre-for-Information-Technology-India/JSONify.git
   cd JSONify

2. Install dependencies

   npm install
   # or
   yarn install
   # or
   pnpm install

3. Set up environment variables

   cp .env.example .env.local

   Add your API keys to .env.local:

   GOOGLE_GENAI_API_KEY=your_google_ai_api_key_here

4. Run the development server

   npm run dev

5. Open your browser Navigate to http://localhost:9002

🏗️ Build for Production

# Build the application
npm run build

# Start production server
npm start

🛠️ Tech Stack

• Framework: Next.js 15 with App Router
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: Radix UI
• AI Integration: Google Genkit
• Icons: Lucide React
• PWA: next-pwa

📁 Project Structure

JSONify/
├── src/
│   ├── app/                 # Next.js app directory
│   │   ├── layout.tsx       # Root layout with SEO metadata
│   │   ├── page.tsx         # Home page
│   │   └── globals.css      # Global styles
│   ├── components/          # React components
│   │   ├── json/           # JSON tool components
│   │   ├── layout/         # Layout components
│   │   └── ui/             # Reusable UI components
│   └── ai/                 # AI flows and integrations
├── public/                 # Static assets
├── docs/                   # Documentation
└── README.md              # This file

🤝 Contributing

We welcome contributions from the community! Please read our Contributing Guidelines before submitting a pull request.

Ways to Contribute

• 🐛 Report bugs and issues
• 💡 Suggest new features
• 📝 Improve documentation
• 🔧 Submit pull requests
• ⭐ Star the repository

📜 License

This project is licensed under the Apache License 2.0 - see the LICENSE file for details.

🙏 Acknowledgments

• Built with ❤️ by Centre for Information Technology India
• Powered by Google Gemini AI
• UI components from shadcn/ui

📞 Support

• 🌐 Website: https://jsonify.cit.org.in
• 📧 Email: support@cit.org.in
• 🐛 Issues: GitHub Issues
• 💬 Discussions: GitHub Discussions

🌟 Star History

If you find JSONify useful, please consider giving it a star ⭐

📊 Stats

---

Made with ❤️ by the JSONify Team | © 2025 Centre for Information Technology India