https://github.com/kamal9494/farmwiseai-assignment
Frontend Assignment in react.js & redux-toolkit
https://github.com/kamal9494/farmwiseai-assignment
reactjs redux-toolkit
Last synced: 3 months ago
JSON representation
Frontend Assignment in react.js & redux-toolkit
- Host: GitHub
- URL: https://github.com/kamal9494/farmwiseai-assignment
- Owner: kamal9494
- Created: 2024-01-26T08:35:18.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-26T12:42:24.000Z (over 1 year ago)
- Last Synced: 2025-01-05T01:25:46.353Z (5 months ago)
- Topics: reactjs, redux-toolkit
- Language: JavaScript
- Homepage: https://farmwiseai-assignment.vercel.app/
- Size: 69.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Important URL's
- Deployment Link : https://farmwiseai-assignment.vercel.app/
- Github Repo Link : https://github.com/kamal9494/farmwiseai-assignment
# Frontend Assignment
This project is a ReactJS web application with Redux for dynamically adding and displaying fields. It includes a form where users can add fields based on different categories, and the added fields are displayed dynamically.
## Features
**Adding Fields**
1. Select a category from the dropdown (Student, Self-Employee, Business).
2. Select Field Type (Text Box, Dropdown, Date)
3. Enter the details for each field (Field Display Name, Field Data Type, Field Validation, Field Data for Dropdown).
4. If the user wants to add a dropdown, in Field Data, each dropdown element should be separated by a comma. (Example: ECE,CSE,IT)
5. Click the "Confirm" button.
**Displaying Fields**
1. After adding fields, select the same category from the below dropdown.
2. The added fields will be displayed dynamically
### Submitting and Validating Fields
1. After adding and displaying fields, a "Submit" button is available.
2. Click the "Submit" button to perform validations based on field validation provided by user.
## Installation
**Commands:**
```bash
git clone https://github.com/kamal9494/farmwiseai-assignment.git
cd farmwiseai-assignment
npm install
npm run dev
```
## Preview
