{"id":29617144,"url":"https://github.com/namanrox/json-schema-builder","last_synced_at":"2025-07-21T01:34:16.010Z","repository":{"id":305328123,"uuid":"1022586168","full_name":"namanrox/json-schema-builder","owner":"namanrox","description":"JSON Schema Builder Frontend","archived":false,"fork":false,"pushed_at":"2025-07-19T13:45:22.000Z","size":51,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-19T16:52:07.224Z","etag":null,"topics":["antd","react-hooks-form","reactjs","vite"],"latest_commit_sha":null,"homepage":"https://json-schema-builder-s54m.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/namanrox.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-19T11:48:17.000Z","updated_at":"2025-07-19T13:45:25.000Z","dependencies_parsed_at":"2025-07-19T16:52:13.496Z","dependency_job_id":"4270ef12-43d4-4a3b-ba31-042b36e92706","html_url":"https://github.com/namanrox/json-schema-builder","commit_stats":null,"previous_names":["namanrox/json-schema-builder"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/namanrox/json-schema-builder","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/namanrox%2Fjson-schema-builder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/namanrox%2Fjson-schema-builder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/namanrox%2Fjson-schema-builder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/namanrox%2Fjson-schema-builder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/namanrox","download_url":"https://codeload.github.com/namanrox/json-schema-builder/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/namanrox%2Fjson-schema-builder/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266226352,"owners_count":23895692,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["antd","react-hooks-form","reactjs","vite"],"created_at":"2025-07-21T01:34:15.493Z","updated_at":"2025-07-21T01:34:15.992Z","avatar_url":"https://github.com/namanrox.png","language":"TypeScript","readme":"# JSON Schema Builder\n\nA dynamic React-based web application that allows users to visually create and preview JSON schemas through an intuitive form interface. Built with TypeScript and Ant Design, this tool enables the creation of deeply nested schemas with instant form previews and schema outputs.\n\n## 🚀 Features\n\n* ✅ Add/edit/remove fields dynamically\n* 🔁 Support for nested fields (recursive structure)\n* 📦 Real-time JSON schema preview\n* 🧪 Sample form auto-generated based on the current schema\n* 🧼 Form submission and reset functionality\n* ⚛️ Built with React + TypeScript + React Hook Form\n* 🎨 UI components powered by Ant Design\n\n## 📸 Demo\n\nExperience the live demo of the application on Vercel: [JSON Schema Builder](https://json-schema-builder-s54m.vercel.app/)\n\n\u003cimg width=\"1336\" height=\"612\" alt=\"image\" src=\"https://github.com/user-attachments/assets/0c02096f-f533-4fa8-b9bf-23c19330b452\" /\u003e\n\n* On clicking the ``Submit`` button:\n\n\u003cimg width=\"568\" height=\"337\" alt=\"image\" src=\"https://github.com/user-attachments/assets/462743af-1fce-4c9a-9465-e4374f85968d\" /\u003e\n\n---\n\n## 🧰 Tech Stack\n\n* **React** (with TypeScript)\n* **React Hook Form** – for managing form state\n* **Ant Design** – for sleek UI components\n* **Vite** (assumed build tool)\n\n---\n\n## 🧑‍💻 Getting Started\n\n### Prerequisites\n\n* Node.js ≥ 14\n* npm or yarn\n\n### Installation\n\n```bash\n# Clone the repo\ngit clone https://github.com/namanrox/json-schema-builder.git\ncd json-schema-builder\n\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n```\n\nVisit `http://localhost:5173` to open the app.\n\n---\n\n## 📤 Usage\n\n1. Click `+ Add Field` to add a new field.\n2. Enter the **field name** and select its **type** (`string`, `number`, or `nested`).\n3. For nested types, you can further add inner fields.\n4. Fill out the preview form and click `Submit` to view formatted form data.\n5. You can also reset the sample input fields by clicking on the ``Reset`` button.\n6. View the generated JSON schema on the right panel.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnamanrox%2Fjson-schema-builder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnamanrox%2Fjson-schema-builder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnamanrox%2Fjson-schema-builder/lists"}