JSON validation tool featuring real-time syntax checking and formatting.
- Real-time JSON validation
- Line numbers and syntax highlighting
- Copy formatted JSON to clipboard
- Load example JSON data from APIs
- Keyboard shortcuts (Ctrl/Cmd + Enter)
- Responsive design
- Beautiful UI with Tailwind CSS
- 10MB file size limit
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview- React 18
- TypeScript
- Tailwind CSS
- Vite
- Lucide React Icons
- ESLint
The project uses Vite for fast development and building. The development server includes features like:
- Hot Module Replacement (HMR)
- Error overlay
- TypeScript type checking
- ESLint integration
├── docs/ # Documentation
│ ├── api-design.md
│ ├── architecture.md
│ ├── component-structure.md
│ ├── data-model.md
│ ├── requirements.md
│ ├── scaling-plan.md
│ └── testing-strategy.md
├── src/
│ ├── App.tsx # Main application component
│ ├── main.tsx # Application entry point
│ └── index.css # Global styles
├── public/ # Static assets
└── package.json # Project dependencies and scripts
- Validates JSON syntax
- Shows detailed error messages
- Supports large JSON files up to 10MB
- Real-time validation feedback
- Pretty prints valid JSON
- Syntax highlighting
- Line numbers
- Copy formatted JSON to clipboard
- Load sample JSON from external APIs
- Error handling for failed requests
- Loading states and feedback
Ed Bates (TECHBLIP LLC)
Some sections of this code were generated with the assistance of AI tools. These contributions were reviewed and integrated by the project creator(s).
Apache-2.0 License - see the LICENSE file for details