JSON Processor is a modern, efficient, and user-friendly tool for formatting and validating JSON data. Built with Next.js and shadcn/ui, it provides instant feedback and a beautiful interface for working with JSON.
- 🎯 Instant JSON formatting with proper indentation
- ✅ JSON validation with detailed error messages
- 📝 Modern code editor with syntax highlighting
- 📱 Beautiful and responsive UI
- 🔔 Real-time feedback with toast notifications
- 🎨 Dark theme support
- ⚡ Format-on-type capability
- Next.js 14
- React v19
- TypeScript
- shadcn/ui
- Monaco Editor
- Sonner (for toast notifications)
- Tailwind CSS
- Clone the repository:
git clone https://github.com/zapeture/json-processor.git
cd json-processor- Install dependencies:
npm install- Run the development server:
npm run dev- Open http://localhost:3000 in your browser
- Paste your JSON data into the editor
- Choose between "Format" or "Validate" mode
- Click the action button to process your JSON
- See the formatted result directly in the editor
- Get instant feedback through toast notifications
Check out the live demo: JSON Processor Demo
Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Fortune Zviregei
- Website: fortunezviregei.com
- GitHub: @zapeture
Give a ⭐️ if this project helped you!