JSON Schema Builder

A simple JSON Schema Builder built with ReactJS, React Hook Form, and Ant Design.

✨ Features

• ✅ Dynamically add, edit, and delete fields.
• ✅ Supports nested fields (recursive nesting).
• ✅ Real-time JSON preview.
• ✅ Uses modern React + React Hook Form architecture.
• ✅ Clean Ant Design components.

🛠️ Tech Stack

• ReactJS
• React Hook Form
• Ant Design

---

📁 Project Structure

/src
 ┣ /components
 ┃ ┣ FieldRow.jsx
 ┃ ┣ JsonPreview.jsx
 ┃ ┗ SchemaBuilder.jsx
 ┣ App.jsx
 ┗ index.js

---

🚀 Getting Started

1. Clone Repository

https://github.com/dipthakur/JSON-Schema-Builder.git
cd json-schema-builder

2. Install Dependencies

npm install

3. Start Development Server

npm start

---

📦 Production Build

npm run build

---

📸 Screenshots

Schema Builder	JSON Preview

---

🤝 Contribution

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

---