sridhar
/
vvet_frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added backend

This commit is contained in:
Sridhar260802 2025-05-07 17:43:20 +05:30
parent 5901f56eac
commit cf888f3853
7 changed files with 819 additions and 319 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

356
package-lock.json generated
View File

@ -14,6 +14,7 @@
"@mui/material": "^6.1.10", "@mui/material": "^6.1.10",
"@mui/styles": "^6.1.10", "@mui/styles": "^6.1.10",
"@radix-ui/react-slot": "^1.1.2", "@radix-ui/react-slot": "^1.1.2",
"axios": "^1.9.0",
"bootstrap": "^5.3.3", "bootstrap": "^5.3.3",
"class-variance-authority": "^0.7.1", "class-variance-authority": "^0.7.1",
"clsx": "^2.1.1", "clsx": "^2.1.1",
@ -1997,6 +1998,11 @@
"url": "https://github.com/sponsors/ljharb" "url": "https://github.com/sponsors/ljharb"
} }
}, },
"node_modules/asynckit": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
},
"node_modules/autoprefixer": { "node_modules/autoprefixer": {
"version": "10.4.21", "version": "10.4.21",
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz", "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz",
@ -2049,6 +2055,16 @@
"url": "https://github.com/sponsors/ljharb" "url": "https://github.com/sponsors/ljharb"
} }
}, },
"node_modules/axios": {
"version": "1.9.0",
"resolved": "https://registry.npmjs.org/axios/-/axios-1.9.0.tgz",
"integrity": "sha512-re4CqKTJaURpzbLHtIi6XpDv20/CnpXOtjRY5/CU32L8gU8ek9UIivcfvSWvmKEngmVbrUtPpdDwWDWL7DNHvg==",
"dependencies": {
"follow-redirects": "^1.15.6",
"form-data": "^4.0.0",
"proxy-from-env": "^1.1.0"
}
},
"node_modules/babel-plugin-macros": { "node_modules/babel-plugin-macros": {
"version": "3.1.0", "version": "3.1.0",
"resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz", "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
@ -2164,6 +2180,18 @@
"url": "https://github.com/sponsors/ljharb" "url": "https://github.com/sponsors/ljharb"
} }
}, },
"node_modules/call-bind-apply-helpers": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
"integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
"dependencies": {
"es-errors": "^1.3.0",
"function-bind": "^1.1.2"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/callsites": { "node_modules/callsites": {
"version": "3.1.0", "version": "3.1.0",
"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@ -2250,6 +2278,17 @@
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
"dev": true "dev": true
}, },
"node_modules/combined-stream": {
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
"dependencies": {
"delayed-stream": "~1.0.0"
},
"engines": {
"node": ">= 0.8"
}
},
"node_modules/concat-map": { "node_modules/concat-map": {
"version": "0.0.1", "version": "0.0.1",
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@ -2428,6 +2467,14 @@
"url": "https://github.com/sponsors/ljharb" "url": "https://github.com/sponsors/ljharb"
} }
}, },
"node_modules/delayed-stream": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
"engines": {
"node": ">=0.4.0"
}
},
"node_modules/dequal": { "node_modules/dequal": {
"version": "2.0.3", "version": "2.0.3",
"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@ -2457,6 +2504,19 @@
"csstype": "^3.0.2" "csstype": "^3.0.2"
} }
}, },
"node_modules/dunder-proto": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
"integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
"dependencies": {
"call-bind-apply-helpers": "^1.0.1",
"es-errors": "^1.3.0",
"gopd": "^1.2.0"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/electron-to-chromium": { "node_modules/electron-to-chromium": {
"version": "1.5.128", "version": "1.5.128",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.128.tgz", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.128.tgz",
@ -2532,13 +2592,9 @@
} }
}, },
"node_modules/es-define-property": { "node_modules/es-define-property": {
"version": "1.0.0", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz", "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
"integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==", "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
"dev": true,
"dependencies": {
"get-intrinsic": "^1.2.4"
},
"engines": { "engines": {
"node": ">= 0.4" "node": ">= 0.4"
} }
@ -2547,7 +2603,6 @@
"version": "1.3.0", "version": "1.3.0",
"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
"dev": true,
"engines": { "engines": {
"node": ">= 0.4" "node": ">= 0.4"
} }
@ -2579,10 +2634,9 @@
} }
}, },
"node_modules/es-object-atoms": { "node_modules/es-object-atoms": {
"version": "1.0.0", "version": "1.1.1",
"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz", "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
"integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==", "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
"dev": true,
"dependencies": { "dependencies": {
"es-errors": "^1.3.0" "es-errors": "^1.3.0"
}, },
@ -2591,14 +2645,14 @@
} }
}, },
"node_modules/es-set-tostringtag": { "node_modules/es-set-tostringtag": {
"version": "2.0.3", "version": "2.1.0",
"resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz", "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
"integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==", "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
"dev": true,
"dependencies": { "dependencies": {
"get-intrinsic": "^1.2.4", "es-errors": "^1.3.0",
"get-intrinsic": "^1.2.6",
"has-tostringtag": "^1.0.2", "has-tostringtag": "^1.0.2",
"hasown": "^2.0.1" "hasown": "^2.0.2"
}, },
"engines": { "engines": {
"node": ">= 0.4" "node": ">= 0.4"
@ -2958,6 +3012,25 @@
"integrity": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==", "integrity": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==",
"dev": true "dev": true
}, },
"node_modules/follow-redirects": {
"version": "1.15.9",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
"integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
"funding": [
{
"type": "individual",
"url": "https://github.com/sponsors/RubenVerborgh"
}
],
"engines": {
"node": ">=4.0"
},
"peerDependenciesMeta": {
"debug": {
"optional": true
}
}
},
"node_modules/for-each": { "node_modules/for-each": {
"version": "0.3.3", "version": "0.3.3",
"resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz", "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
@ -2967,6 +3040,20 @@
"is-callable": "^1.1.3" "is-callable": "^1.1.3"
} }
}, },
"node_modules/form-data": {
"version": "4.0.2",
"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
"integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
"dependencies": {
"asynckit": "^0.4.0",
"combined-stream": "^1.0.8",
"es-set-tostringtag": "^2.1.0",
"mime-types": "^2.1.12"
},
"engines": {
"node": ">= 6"
}
},
"node_modules/fraction.js": { "node_modules/fraction.js": {
"version": "4.3.7", "version": "4.3.7",
"resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz", "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
@ -3039,16 +3126,20 @@
} }
}, },
"node_modules/get-intrinsic": { "node_modules/get-intrinsic": {
"version": "1.2.4", "version": "1.3.0",
"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz", "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
"integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==", "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
"dev": true,
"dependencies": { "dependencies": {
"call-bind-apply-helpers": "^1.0.2",
"es-define-property": "^1.0.1",
"es-errors": "^1.3.0", "es-errors": "^1.3.0",
"es-object-atoms": "^1.1.1",
"function-bind": "^1.1.2", "function-bind": "^1.1.2",
"has-proto": "^1.0.1", "get-proto": "^1.0.1",
"has-symbols": "^1.0.3", "gopd": "^1.2.0",
"hasown": "^2.0.0" "has-symbols": "^1.1.0",
"hasown": "^2.0.2",
"math-intrinsics": "^1.1.0"
}, },
"engines": { "engines": {
"node": ">= 0.4" "node": ">= 0.4"
@ -3057,6 +3148,18 @@
"url": "https://github.com/sponsors/ljharb" "url": "https://github.com/sponsors/ljharb"
} }
}, },
"node_modules/get-proto": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
"integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
"dependencies": {
"dunder-proto": "^1.0.1",
"es-object-atoms": "^1.0.0"
},
"engines": {
"node": ">= 0.4"
}
},
"node_modules/get-symbol-description": { "node_modules/get-symbol-description": {
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz", "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
@ -3115,13 +3218,9 @@
} }
}, },
"node_modules/gopd": { "node_modules/gopd": {
"version": "1.1.0", "version": "1.2.0",
"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.1.0.tgz", "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
"integrity": "sha512-FQoVQnqcdk4hVM4JN1eromaun4iuS34oStkdlLENLdpULsuQcTyXj8w7ayhuUfPwEYZ1ZOooOTT6fdA9Vmx/RA==", "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
"dev": true,
"dependencies": {
"get-intrinsic": "^1.2.4"
},
"engines": { "engines": {
"node": ">= 0.4" "node": ">= 0.4"
}, },
@ -3178,7 +3277,6 @@
"version": "1.1.0", "version": "1.1.0",
"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz", "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
"integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==", "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
"dev": true,
"engines": { "engines": {
"node": ">= 0.4" "node": ">= 0.4"
}, },
@ -3190,7 +3288,6 @@
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz", "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
"integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==", "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
"dev": true,
"dependencies": { "dependencies": {
"has-symbols": "^1.0.3" "has-symbols": "^1.0.3"
}, },
@ -3896,6 +3993,33 @@
"react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
} }
}, },
"node_modules/math-intrinsics": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
"integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
"engines": {
"node": ">= 0.4"
}
},
"node_modules/mime-db": {
"version": "1.52.0",
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/mime-types": {
"version": "2.1.35",
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
"dependencies": {
"mime-db": "1.52.0"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/minimatch": { "node_modules/minimatch": {
"version": "3.1.2", "version": "3.1.2",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@ -4233,6 +4357,11 @@
"react": ">=0.14.0" "react": ">=0.14.0"
} }
}, },
"node_modules/proxy-from-env": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
},
"node_modules/punycode": { "node_modules/punycode": {
"version": "2.3.1", "version": "2.3.1",
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@ -6395,6 +6524,11 @@
"is-shared-array-buffer": "^1.0.2" "is-shared-array-buffer": "^1.0.2"
} }
}, },
"asynckit": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
},
"autoprefixer": { "autoprefixer": {
"version": "10.4.21", "version": "10.4.21",
"resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz", "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz",
@ -6418,6 +6552,16 @@
"possible-typed-array-names": "^1.0.0" "possible-typed-array-names": "^1.0.0"
} }
}, },
"axios": {
"version": "1.9.0",
"resolved": "https://registry.npmjs.org/axios/-/axios-1.9.0.tgz",
"integrity": "sha512-re4CqKTJaURpzbLHtIi6XpDv20/CnpXOtjRY5/CU32L8gU8ek9UIivcfvSWvmKEngmVbrUtPpdDwWDWL7DNHvg==",
"requires": {
"follow-redirects": "^1.15.6",
"form-data": "^4.0.0",
"proxy-from-env": "^1.1.0"
}
},
"babel-plugin-macros": { "babel-plugin-macros": {
"version": "3.1.0", "version": "3.1.0",
"resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz", "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
@ -6487,6 +6631,15 @@
"set-function-length": "^1.2.1" "set-function-length": "^1.2.1"
} }
}, },
"call-bind-apply-helpers": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
"integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
"requires": {
"es-errors": "^1.3.0",
"function-bind": "^1.1.2"
}
},
"callsites": { "callsites": {
"version": "3.1.0", "version": "3.1.0",
"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@ -6541,6 +6694,14 @@
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
"dev": true "dev": true
}, },
"combined-stream": {
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
"requires": {
"delayed-stream": "~1.0.0"
}
},
"concat-map": { "concat-map": {
"version": "0.0.1", "version": "0.0.1",
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@ -6671,6 +6832,11 @@
"object-keys": "^1.1.1" "object-keys": "^1.1.1"
} }
}, },
"delayed-stream": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
},
"dequal": { "dequal": {
"version": "2.0.3", "version": "2.0.3",
"resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz", "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@ -6694,6 +6860,16 @@
"csstype": "^3.0.2" "csstype": "^3.0.2"
} }
}, },
"dunder-proto": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
"integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
"requires": {
"call-bind-apply-helpers": "^1.0.1",
"es-errors": "^1.3.0",
"gopd": "^1.2.0"
}
},
"electron-to-chromium": { "electron-to-chromium": {
"version": "1.5.128", "version": "1.5.128",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.128.tgz", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.128.tgz",
@ -6763,19 +6939,14 @@
} }
}, },
"es-define-property": { "es-define-property": {
"version": "1.0.0", "version": "1.0.1",
"resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz", "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
"integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==", "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g=="
"dev": true,
"requires": {
"get-intrinsic": "^1.2.4"
}
}, },
"es-errors": { "es-errors": {
"version": "1.3.0", "version": "1.3.0",
"resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
"integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw=="
"dev": true
}, },
"es-iterator-helpers": { "es-iterator-helpers": {
"version": "1.2.0", "version": "1.2.0",
@ -6801,23 +6972,22 @@
} }
}, },
"es-object-atoms": { "es-object-atoms": {
"version": "1.0.0", "version": "1.1.1",
"resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz", "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
"integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==", "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
"dev": true,
"requires": { "requires": {
"es-errors": "^1.3.0" "es-errors": "^1.3.0"
} }
}, },
"es-set-tostringtag": { "es-set-tostringtag": {
"version": "2.0.3", "version": "2.1.0",
"resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz", "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
"integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==", "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
"dev": true,
"requires": { "requires": {
"get-intrinsic": "^1.2.4", "es-errors": "^1.3.0",
"get-intrinsic": "^1.2.6",
"has-tostringtag": "^1.0.2", "has-tostringtag": "^1.0.2",
"hasown": "^2.0.1" "hasown": "^2.0.2"
} }
}, },
"es-shim-unscopables": { "es-shim-unscopables": {
@ -7080,6 +7250,11 @@
"integrity": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==", "integrity": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA==",
"dev": true "dev": true
}, },
"follow-redirects": {
"version": "1.15.9",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
"integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ=="
},
"for-each": { "for-each": {
"version": "0.3.3", "version": "0.3.3",
"resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz", "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
@ -7089,6 +7264,17 @@
"is-callable": "^1.1.3" "is-callable": "^1.1.3"
} }
}, },
"form-data": {
"version": "4.0.2",
"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
"integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
"requires": {
"asynckit": "^0.4.0",
"combined-stream": "^1.0.8",
"es-set-tostringtag": "^2.1.0",
"mime-types": "^2.1.12"
}
},
"fraction.js": { "fraction.js": {
"version": "4.3.7", "version": "4.3.7",
"resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz", "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
@ -7132,16 +7318,29 @@
"dev": true "dev": true
}, },
"get-intrinsic": { "get-intrinsic": {
"version": "1.2.4", "version": "1.3.0",
"resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz", "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
"integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==", "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
"dev": true,
"requires": { "requires": {
"call-bind-apply-helpers": "^1.0.2",
"es-define-property": "^1.0.1",
"es-errors": "^1.3.0", "es-errors": "^1.3.0",
"es-object-atoms": "^1.1.1",
"function-bind": "^1.1.2", "function-bind": "^1.1.2",
"has-proto": "^1.0.1", "get-proto": "^1.0.1",
"has-symbols": "^1.0.3", "gopd": "^1.2.0",
"hasown": "^2.0.0" "has-symbols": "^1.1.0",
"hasown": "^2.0.2",
"math-intrinsics": "^1.1.0"
}
},
"get-proto": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
"integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
"requires": {
"dunder-proto": "^1.0.1",
"es-object-atoms": "^1.0.0"
} }
}, },
"get-symbol-description": { "get-symbol-description": {
@ -7181,13 +7380,9 @@
} }
}, },
"gopd": { "gopd": {
"version": "1.1.0", "version": "1.2.0",
"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.1.0.tgz", "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
"integrity": "sha512-FQoVQnqcdk4hVM4JN1eromaun4iuS34oStkdlLENLdpULsuQcTyXj8w7ayhuUfPwEYZ1ZOooOTT6fdA9Vmx/RA==", "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg=="
"dev": true,
"requires": {
"get-intrinsic": "^1.2.4"
}
}, },
"has-bigints": { "has-bigints": {
"version": "1.0.2", "version": "1.0.2",
@ -7222,14 +7417,12 @@
"has-symbols": { "has-symbols": {
"version": "1.1.0", "version": "1.1.0",
"resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz", "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
"integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==", "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ=="
"dev": true
}, },
"has-tostringtag": { "has-tostringtag": {
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz", "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
"integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==", "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
"dev": true,
"requires": { "requires": {
"has-symbols": "^1.0.3" "has-symbols": "^1.0.3"
} }
@ -7737,6 +7930,24 @@
"integrity": "sha512-oZy8coK9kZzvqhSgfbGkPtTgyjpBvs3ukLgDPv14dSOZtBtboryWF5o8i3qen7QbGg7JhiJBz5mK1p8YoMZTLQ==", "integrity": "sha512-oZy8coK9kZzvqhSgfbGkPtTgyjpBvs3ukLgDPv14dSOZtBtboryWF5o8i3qen7QbGg7JhiJBz5mK1p8YoMZTLQ==",
"requires": {} "requires": {}
}, },
"math-intrinsics": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
"integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g=="
},
"mime-db": {
"version": "1.52.0",
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
},
"mime-types": {
"version": "2.1.35",
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
"requires": {
"mime-db": "1.52.0"
}
},
"minimatch": { "minimatch": {
"version": "3.1.2", "version": "3.1.2",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@ -7964,6 +8175,11 @@
"warning": "^4.0.0" "warning": "^4.0.0"
} }
}, },
"proxy-from-env": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
"integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
},
"punycode": { "punycode": {
"version": "2.3.1", "version": "2.3.1",
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",

1
package.json
View File

@ -16,6 +16,7 @@
"@mui/material": "^6.1.10", "@mui/material": "^6.1.10",
"@mui/styles": "^6.1.10", "@mui/styles": "^6.1.10",
"@radix-ui/react-slot": "^1.1.2", "@radix-ui/react-slot": "^1.1.2",
"axios": "^1.9.0",
"bootstrap": "^5.3.3", "bootstrap": "^5.3.3",
"class-variance-authority": "^0.7.1", "class-variance-authority": "^0.7.1",
"clsx": "^2.1.1", "clsx": "^2.1.1",

362
src/Components/FundDrive.css
View File

@ -1,205 +1,207 @@
/* Centering the form container */ /* FundDrive.css */
.form-container {
body {
font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
background-color: #fefcfb;
margin: 0;
padding: 0;
}
position: fixed; .container {
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: linear-gradient(135deg, #f3f4f6, #e0e0e0);
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; padding: 40px 16px;
padding: 20px; }
box-sizing: border-box;
overflow: auto;
} .container-box {
/* Styling for labels */ background: #ffffff;
label { border-radius: 16px;
font-size: 20px; /* Increased label font size */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
font-weight: bold; padding: 40px;
} width: 100%;
/* Container for each radio button */ max-width: 720px;
.radio-box { }
display: flex;
align-items: center;
justify-content: flex-start;
width: 380px; /* Reduced width */
height: 35px; /* Smaller height */
padding: 6px;
border: 1.5px solid #ccc;
border-radius: auto;
border: none;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
background-color: #f9f9f9;
transition: 0.3s ease-in-out;
font-size: 14px; /* Increased font size */
}
.radio-box:hover { form h4 {
background-color: #e0e0e0; font-size: 24px;
} color: #2c3e50;
.radio-label { margin-bottom: 24px;
font-size: 14px; /* Reduce label font size */ font-weight: 600;
} border-left: 5px solid #f39c12;
/* Bigger radio buttons */ padding-left: 12px;
.radio-input { }
width: 14px;
height: 14px;
margin-right: 6px;
cursor: pointer;
}
/* Buttons container */ label {
.button-group { font-weight: 600;
display: flex; display: block;
justify-content: center;
gap: 10px;
margin-top: 10px;
}
/* Bigger buttons for Next, Back, and Submit */
.form-button {
padding: 8px 20px;
font-size: 18px; /* Increased font size */
font-weight: bold;
background-color: #2563eb;
color: white;
border: none;
border-radius: auto;
cursor: pointer;
transition: background 0.3s ease-in-out;
width: 150px;
text-align: center;
}
.form-button:hover {
background-color: #1e40af;
}
.form-button:disabled {
background-color: #a1a1aa;
cursor: not-allowed;
}
/* Upload section adjustments */
.upload-section {
text-align: center;
}
.upload-title {
font-size: 20px; /* Increased font size */
margin-bottom: 8px; margin-bottom: 8px;
color: #34495e;
}
.form-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
margin-bottom: 20px;
}
.form-field {
display: flex;
flex-direction: column;
}
.full-width {
grid-column: 1 / -1;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="pan"] {
padding: 12px 14px;
border: 1px solid #ddd;
border-radius: 8px;
font-size: 15px;
background-color: #fefefe;
margin-top: 6px;
transition: border-color 0.2s ease;
} }
.file-input { input:focus {
margin: 8px 0; border-color: #f39c12;
font-size: 18px; /* Increased font size */ outline: none;
} }
/* Image preview styling */ .radio-box {
.image-preview { display: flex;
align-items: center;
margin-bottom: 12px;
}
.radio-input {
margin-right: 10px;
accent-color: #e67e22;
}
.radio-label {
font-size: 15px;
color: #555;
}
.input-small {
padding: 8px;
width: 100%;
border-radius: 6px;
border: 1px solid #ccc;
font-size: 14px;
}
.file-input {
margin-top: 20px;
width: 100%;
padding: 14px;
border: 2px dashed #ccc;
border-radius: 12px;
text-align: center;
background-color: #fffdf9;
cursor: pointer;
transition: 0.3s;
}
.file-input:hover {
border-color: #f39c12;
background-color: #fff8eb;
}
.upload-placeholder {
color: #999;
margin-top: 10px;
font-size: 14px;
}
.upload-title {
font-size: 20px;
color: #2c3e50;
margin: 20px 0;
font-weight: 600;
}
.image-preview {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 8px; gap: 10px;
justify-content: center; margin-top: 16px;
margin-top: 8px; }
}
.uploaded-image { .uploaded-image {
width: 70px; width: 90px;
height: 70px; height: 90px;
object-fit: cover; object-fit: cover;
border-radius: 5px; border-radius: 8px;
border: 1px solid #ddd; border: 2px solid #ffe3b3;
}
.upload-box {
border: 2px dashed #ccc;
padding: 20px;
text-align: center;
width: 100%;
max-width: 400px;
margin: 10px auto;
background-color: #f9f9f9;
cursor: pointer;
font-size: 18px; /* Increased font size */
}
.upload-box:hover {
border-color: #007bff;
}
.upload-placeholder {
color: #888;
font-size: 18px; /* Increased font size */
}
/* Grey color for Next and Back buttons */
.form-button.next-button,
.form-button.back-button {
background-color: #4b5563;
width: 100px;
height: 35px;
font-size: 18px; /* Increased font size */
}
.form-button.next-button:hover,
.form-button.back-button:hover {
background-color: #4b5563; /* Darker Grey on hover */
}
/* Blue color for Submit button */
.form-button.submit-button {
background-color: #2563eb; /* Blue */
width: 100px;
height: 35px;
font-size: 18px; /* Increased font size */
}
.form-button.submit-button:hover {
background-color: #1e40af; /* Darker Blue on hover */
}
/* Input Fields */
.input-small {
font-size: 14px;
margin-top: 5px;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 5px;
border: none;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1);
transition: all 0.2s ease-in-out;
width: 380px; /* Reduced width */
height: 30px; /* Smaller height */
padding: 8px;
} }
.button-group {
.container-box{
border: 3px solid #eeeeee;
padding: 20px;
margin: 15px auto 0 auto;
width: 33%;
background-color: #eeeeee; /* Lighter Grey Background */
border-radius: 10px;
color: black;
}
.center-wrapper {
display: flex; display: flex;
justify-content: center; justify-content: space-between;
align-items: center; margin-top: 30px;
min-height: 100vh; flex-wrap: wrap;
background-color: #ffffff; /* or any background you like */ gap: 16px;
} }
.form-button {
background-color: #4a90e2;
color: #fff;
padding: 10px 24px;
border: none;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
height: 44px; /* same height for all buttons */
line-height: 1.2;
}
.next-button {
background-color: #f39c12;
color: white;
}
.back-button {
background-color: #dcdcdc;
color: #333;
}
.submit-button {
background-color: #27ae60;
color: white;
}
.form-button:disabled {
background-color: #ccc;
cursor: not-allowed;
}
.form-button:hover:not(:disabled) {
opacity: 0.9;
}
@media (max-width: 600px) {
.container-box {
padding: 24px;
}
.form-button {
width: 100%;
}
.button-group {
flex-direction: column;
gap: 12px;
}
}

309
src/Components/FundDrive.jsx
View File

@ -1,5 +1,10 @@
import React, { useState } from "react"; import { useState } from "react";
import "./FundDrive.css"; import "./FundDrive.css";
// Inside src/Components/FundDrive.jsx
import { submitVvvetForm } from "../vvvetApi";
import axios from "axios";
const FundDrive = () => { const FundDrive = () => {
const [step, setStep] = useState(1); const [step, setStep] = useState(1);
@ -10,9 +15,13 @@ const FundDrive = () => {
age: "", age: "",
dob: "", dob: "",
category: "", category: "",
pan: "",
customCategory: "", customCategory: "",
images: [] images: []
}); });
const [isPanVerified, setIsPanVerified] = useState(false); // To track PAN verification status
const [verificationError, setVerificationError] = useState("");
const [panImage, setPanImage] = useState(null); // Define panImage state
const categories = [ const categories = [
"Medical Fundraising", "Medical Fundraising",
@ -28,7 +37,11 @@ const FundDrive = () => {
]; ];
const handleInputChange = (e) => { const handleInputChange = (e) => {
setFormData({ ...formData, [e.target.name]: e.target.value }); const { name, value } = e.target;
setFormData({
...formData,
[name]: value,
});
}; };
const handleImageUpload = (event) => { const handleImageUpload = (event) => {
@ -44,10 +57,200 @@ const FundDrive = () => {
if (step > 1) setStep(step - 1); if (step > 1) setStep(step - 1);
}; };
const handleSubmit = () => { // const handleSubmit = () => {
alert("Fundraising submission successful!"); // alert("Fundraising submission successful!");
// };
const handlePanImageUpload = (e) => {
const file = e.target.files[0];
setPanImage(file); // Store PAN image in state
}; };
// const verifyPan = async () => {
// try {
// const formDataForPan = new FormData();
// formDataForPan.append("pan", formData.pan);
// formDataForPan.append("panImage", panImage); // panImage must be a File object
// const response = await axios.post(
// "http://localhost:5002/api/verify-pan",
// formDataForPan,
// {
// headers: {
// "Content-Type": "multipart/form-data",
// },
// withCredentials: true, // Ensures credentials (cookies) are sent
// }
// );
// console.log("vathuten da punda",response.data); // Check the backend response
// const isValid = response.data.verified;
// setIsPanVerified(isValid);
// if (!isValid) {
// setVerificationError("PAN number and uploaded image do not match.");
// }
// return isValid;
// } catch (error) {
// setVerificationError("An error occurred during PAN verification.");
// console.error(error);
// return false;
// }
// };
//demoooooooooooooooooooooooooooooooooo//
// const verifyPan = async () => {
// try {
// const formDataForPan = new FormData();
// formDataForPan.append("pan", formData.pan);
// formDataForPan.append("panImage", panImage);
// // Using the proxy path - note we removed the full URL
// const response = await axios.post(
// "/api/verify-pan", // Just use the relative path when using a proxy
// formDataForPan,
// {
// headers: {
// "Content-Type": "multipart/form-data",
// },
// }
// );
// console.log("PAN verification response:", response.data);
// const isValid = response.data.verified;
// setIsPanVerified(isValid);
// if (!isValid) {
// setVerificationError("PAN number and uploaded image do not match.");
// }
// return isValid;
// } catch (error) {
// console.error("Error verifying PAN:", error);
// setVerificationError("An error occurred during PAN verification.");
// return false;
// }
// };
const verifyPan = async () => {
try {
// Validate PAN format client-side first
const panRegex = /^[A-Z]{5}[0-9]{4}[A-Z]{1}$/;
if (!panRegex.test(formData.pan)) {
setVerificationError("Invalid PAN format. It should be in the format ABCDE1234F.");
setIsPanVerified(false);
return false;
}
if (!panImage) {
setVerificationError("Please upload a PAN card image.");
setIsPanVerified(false);
return false;
}
const formDataForPan = new FormData();
formDataForPan.append("pan", formData.pan);
formDataForPan.append("panImage", panImage);
// Show loading state if needed
// setIsLoading(true);
const response = await axios.post(
"http://localhost:5002/api/verify-pan",
formDataForPan,
{
headers: {
"Content-Type": "multipart/form-data",
},
}
);
// Hide loading state
// setIsLoading(false);
console.log("PAN verification response:", response.data);
if (response.data.verified) {
setIsPanVerified(true);
setVerificationError(""); // Clear any previous errors
return true;
} else {
setIsPanVerified(false);
setVerificationError(response.data.message || "PAN verification failed.");
return false;
}
} catch (error) {
// Hide loading state
// setIsLoading(false);
console.error("Error verifying PAN:", error);
// Handle specific error cases
if (error.response) {
// The server responded with an error status
setVerificationError(error.response.data.message || "PAN verification failed. Server returned an error.");
} else if (error.request) {
// The request was made but no response was received
setVerificationError("Cannot connect to the verification service. Please try again later.");
} else {
// Something else caused the error
setVerificationError("An error occurred during PAN verification.");
}
setIsPanVerified(false);
return false;
}
};
// const handleSubmit = async (e) => {
// e.preventDefault();
// if (!isPanVerified) {
// const verified = await verifyPan();
// if (!verified) {
// alert("PAN not verified. Please verify before submitting.");
// return;
// }
// }
// try {
// await submitVvvetForm(formData);
// alert('Form submitted successfully');
// } catch (error) {
// console.error("Error submitting form:", error);
// alert('Error submitting form');
// }
// };
const handleSubmit = async (e) => {
e.preventDefault();
if (!isPanVerified) {
const verified = await verifyPan();
if (!verified) {
alert("PAN not verified. Please verify before submitting.");
return;
}
}
// Proceed with form submission (assuming `submitVvvetForm` is defined)
try {
await submitVvvetForm(formData); // Make sure this function is defined elsewhere
alert("Form submitted successfully!");
} catch (error) {
console.error("Error submitting form:", error);
alert("Error submitting form");
}
};
return ( return (
<div className="container"> <div className="container">
@ -55,66 +258,114 @@ const FundDrive = () => {
<form> <form>
{step === 1 && ( {step === 1 && (
<div className="step-box"> <div className="step-box">
<h4>Step 1:Personal Details</h4> <h4>Step 1: Personal Details</h4>
<label>Name:</label>
<div className="form-grid">
<div className="form-field">
<label>Name</label>
<input <input
type="text" type="text"
name="name" name="name"
value={formData.name} value={formData.name}
onChange={handleInputChange} onChange={handleInputChange}
required required
className="input-small" placeholder="Full Name"
placeholder="Enter your name"
/> />
<label>Email:</label> </div>
<div className="form-field">
<label>Email</label>
<input <input
type="email" type="email"
name="email" name="email"
value={formData.email} value={formData.email}
onChange={handleInputChange} onChange={handleInputChange}
required required
className="input-small" placeholder="example@domain.com"
placeholder="Enter your email"
/> />
<label>Phone Number:</label> </div>
<input <div className="form-field">
type="tel" <label>Age</label>
name="phone"
value={formData.phone}
onChange={handleInputChange}
required
className="input-small"
placeholder="Enter phone number"
/>
<label>Age:</label>
<input <input
type="number" type="number"
name="age" name="age"
value={formData.age} value={formData.age}
onChange={handleInputChange} onChange={handleInputChange}
required required
className="input-small" placeholder="e.g. 25"
placeholder="Enter your age"
/> />
<label>Date of Birth:</label> </div>
<div className="form-field">
<label>Date of Birth</label>
<input <input
type="date" type="date"
name="dob" name="dob"
value={formData.dob} value={formData.date}
onChange={handleInputChange} onChange={handleInputChange}
required required
className="input-small" placeholder="e.g. 25"
/> />
<br /><br /> </div>
</div>
<div className="form-field">
<label>Phone Number</label>
<input
type="tel"
name="phone"
value={formData.phone}
onChange={handleInputChange}
required
placeholder="10-digit number"
/>
</div>
<div className="form-field">
<label>PAN Number</label>
<input
type="text"
name="pan"
value={formData.pan}
onChange={handleInputChange}
required
maxLength={10}
placeholder="e.g. ABCDE1234F"
className="input-small"
pattern="[A-Z]{5}[0-9]{4}[A-Z]{1}"
title="Enter valid 10-character PAN (e.g. ABCDE1234F)"
/>
</div>
<div className="form-field">
<label>Upload PAN Image</label>
<input
type="file"
accept="image/*"
onChange={handlePanImageUpload}
required
/>
{panImage && <p>{panImage.name}</p>} {/* Display image file name */}
</div>
{verificationError && <p style={{ color: 'red' }}>{verificationError}</p>}
<div className="form-field">
<button
type="button"
className="form-button verify-button"
onClick={verifyPan}
disabled={!formData.pan || !panImage}
>
Verify PAN
</button>
{isPanVerified && <p style={{ color: 'green' }}>PAN verified successfully!</p>}
</div>
<div className="button-group">
<button <button
type="button" type="button"
onClick={handleNext} onClick={handleNext}
className="form-button next-button" className="form-button next-button"
disabled={!formData.name || !formData.email || !formData.phone || !formData.age || !formData.dob} disabled={!formData.name || !formData.email || !formData.phone || !formData.age || !formData.dob || !formData.pan}
> >
Next Next
</button> </button>
</div> </div>
</div>
)} )}

2
src/Components/Supporter.jsx
View File

@ -1,4 +1,4 @@
import React, { useState } from "react"; import { useState } from "react";
import "./Supporter.css"; import "./Supporter.css";
const Supporter = () => { const Supporter = () => {

12
src/vvvetApi.js Normal file
View File

@ -0,0 +1,12 @@
// vvvetApi.js
import axios from 'axios';
export const submitVvvetForm = async (formData) => {
try {
const response = await axios.post('http://localhost:5002/api/vvet/add', formData);
return response.data;
} catch (error) {
console.error('Error submitting form:', error);
throw error;
}
};

26
vite.config.js
View File

@ -1,7 +1,25 @@
import { defineConfig } from 'vite' // import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react' // import react from '@vitejs/plugin-react'
// // https://vite.dev/config/
// export default defineConfig({
// plugins: [react()],
// })
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
// https://vite.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [react()], plugins: [react()],
}) server: {
port: 5174,
proxy: {
'/api': {
target: 'http://localhost:5002',
changeOrigin: true,
secure: false,
},
},
},
});