Create 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.
Effortlessly 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.
- JSON Schema Editor: Enter the JSON Schema to see the power of dynamic form rendering.
- Preview: Preview the form created using the JSON.
- Responsive Design: Tailored for laptops, tablets, and mobile devices, ensuring a smooth experience across all platforms.
To get started with repository, follow the installation and usage instructions in the project's documentation.
- Clone the repository to your local machine:
git clone https://github.com/radzhiv-25/Frontend-Assignment.git- Install the required dependencies:
cd frontend-assignment
npm install- Configure the environment variables, including API keys and settings.
- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev- Open http://localhost:5173 with your browser to see the result.
- Start exploring the JSON Editor with preview.
- React
- TailwindCSS
- Vite
- Vercel
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh