{"id":21133294,"url":"https://github.com/radzhiv25/frontend-assignment","last_synced_at":"2026-04-13T10:32:20.350Z","repository":{"id":209032849,"uuid":"721739260","full_name":"radzhiv25/Frontend-Assignment","owner":"radzhiv25","description":"preview JSON in dynamic forms","archived":false,"fork":false,"pushed_at":"2023-11-27T08:32:27.000Z","size":59,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-14T12:34:32.550Z","etag":null,"topics":["react","tailwindcss","vercel","vite"],"latest_commit_sha":null,"homepage":"https://preview-schema.vercel.app","language":"JavaScript","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/radzhiv25.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}},"created_at":"2023-11-21T17:14:28.000Z","updated_at":"2023-12-03T15:31:08.000Z","dependencies_parsed_at":"2025-01-21T06:34:30.617Z","dependency_job_id":null,"html_url":"https://github.com/radzhiv25/Frontend-Assignment","commit_stats":null,"previous_names":["radzhiv25/preview-schema","radzhiv25/frontend-assignment"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/radzhiv25/Frontend-Assignment","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radzhiv25%2FFrontend-Assignment","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radzhiv25%2FFrontend-Assignment/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radzhiv25%2FFrontend-Assignment/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radzhiv25%2FFrontend-Assignment/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/radzhiv25","download_url":"https://codeload.github.com/radzhiv25/Frontend-Assignment/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radzhiv25%2FFrontend-Assignment/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31749047,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T09:16:15.125Z","status":"ssl_error","status_checked_at":"2026-04-13T09:16:05.023Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["react","tailwindcss","vercel","vite"],"created_at":"2024-11-20T06:06:28.837Z","updated_at":"2026-04-13T10:32:20.321Z","avatar_url":"https://github.com/radzhiv25.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eFrontend Assignment\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/Tech%20Stack-React%20%7C%20Tailwind%20%7C%20Vite%20%7C%20Vercel-0288d1.svg\" alt=\"Tech Stack\" /\u003e\n\u003c/p\u003e\n\n\n## Discover the Edge 🚀\n\nCreate dynamic forms in React with using JSON Schema. Define form elements, validations, and dependencies in a structured JSON format. Utilize React components to dynamically render the form based on the JSON schema, enabling a flexible and maintainable way of creating dynamic forms using this react application.\n\n## Table of Contents\n\n- [Introduction](#introduction)\n- [Features](#features)\n- [Getting Started](#getting-started)\n- [Tech Stack Used](#tech-stack-used)\n- [React + Vite](react-+-vite)\n\n## Introduction\n\nEffortlessly implement dynamic forms in React by leveraging JSON Schema. Craft structured schemas with form elements, validations, and dependencies, allowing seamless rendering through React components. Using this application create amazing form with your own customizations and configurations in the application code.\n\n## Features \n\n- **JSON Schema Editor**: Enter the JSON Schema to see the power of dynamic form rendering.\n- **Preview**: Preview the form created using the JSON.\n- **Responsive Design**: Tailored for laptops, tablets, and mobile devices, ensuring a smooth experience across all platforms.\n\n## Getting Started \n\nTo get started with repository, follow the installation and usage instructions in the project's documentation.\n\n1. Clone the repository to your local machine:\n\n```bash\ngit clone https://github.com/radzhiv-25/Frontend-Assignment.git\n```\n\n2. Install the required dependencies:\n\n```bash\ncd frontend-assignment\nnpm install\n```\n\n3. Configure the environment variables, including API keys and settings.\n4. Run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n```\n\n5. Open [http://localhost:5173](http://localhost:5173/) with your browser to see the result.\n6. Start exploring the JSON Editor with preview.\n\n## Tech Stack Used\n\n- React\n- TailwindCSS\n- Vite\n- Vercel\n\n## React + Vite ✅\n\nThis template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.\n\nCurrently, two official plugins are available:\n\n- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh\n- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradzhiv25%2Ffrontend-assignment","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fradzhiv25%2Ffrontend-assignment","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradzhiv25%2Ffrontend-assignment/lists"}