BUILDMID

Build a JSON Schema Validator

45 minutes

0 completed

jsonvalidationcode-editorreact

Description

Build a web tool to validate JSON data against a JSON Schema with detailed error reporting and line highlighting.

Requirements

Two editor panes: JSON data (left) and JSON Schema (right)

Real-time validation as you type (debounced)

Error messages with exact paths to invalid fields

Highlight invalid lines in the JSON editor

Built-in schema templates (user profile, API response, config file)

Sample data generator from a given schema

Pretty-print / minify toggle for both panes

Use Ajv (Another JSON Validator) for schema validation. Use a code editor component with line highlighting support.

Schema auto-detection from sample data

Diff view between two JSON documents

Share validator state via URL

You will be guided through MCP setup before the timer starts