https://github.com/raghabendra-dash/loan_schema_designer
https://github.com/raghabendra-dash/loan_schema_designer
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/raghabendra-dash/loan_schema_designer
- Owner: raghabendra-dash
- License: mit
- Created: 2025-03-23T10:56:04.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2025-03-23T12:10:33.000Z (3 months ago)
- Last Synced: 2025-03-23T12:22:53.151Z (3 months ago)
- Language: JavaScript
- Homepage: https://loan-schema-designer-app.vercel.app/
- Size: 51.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Loan Application JSON Schema Designer
The loan application form is powered by MERN Stack that defines **JSON Schema** for workflow using **React JSON Schema Form (RJSF)** with the **AJV8 validator**. The schema is designed to enable users to apply for a loan by filling out structured forms with validation and conditional logic.
### Deployment
> Live Link: https://loan-schema-designer-app.vercel.app/
### Features
- **Business Details**:
- Business Name
- GSTIN (with format validation)
- Directors (Name, PAN Number, Tags)
- **Loan Details**:
- Credit Score
- Required Loan Amount (with slider validation)
- Guarantors (conditional, only if Credit Score < 700)
- Name
- PAN Number
- Relationship with Applicant
- Relation Description (if "Other" is selected)
- **Validation**:
- GSTIN format validation
- PAN format validation
- Conditional logic for guarantors
### Technologies Used
- **Frontend**:
- React (Vite)
- Axios (for API calls)
- **Backend**:
- Express
- CORS (for cross-origin requests)
### User Experience (UX) Considerations
- **Multi-Screen Form**:
The form is divided into multiple screens for better usability:
a. Screen 1: Business Details.
b. Screen 2: Loan Details(with conditional fields based on the credit score).
- **Wizard Navigation**:
Each screen has a clear title and progress indicator.
- **Grouping of Fields**:
Fields are grouped under relevant titles (e.g., Directors, Guarantors) for better organization and navigation.
### Setup Instructions
- Clone the Repository:
```bash
git clone
cd loan-app-form
**Install Dependencies**:
- **Frontend**
```bash
npm install or npm install --force
- **Backend**
```bash
cd backend
npm install or npm install --force
- Run the Application:(**Development Mode**)
a. Start the backend server:
```bash
npm run dev
b. Start the Frontend app:
```bash
npm run dev
- Run the Application:(**Production Mode**)
a. Start the backend server:
```bash
cd backend
npm start
b. Start the frontend app:
```bash
npm run build
and
npm run preview
### License
This project is licensed under the MIT License.