📍 File: components/OnboardingForm.jsx
🛠 Tech Stack: React.js, Formik/React Hook Form, TailwindCSS/Bootstrap
📝 Description:
Develop an interactive and validated onboarding form for companies. The form should collect:
✅ Company Details (Name, Website, Email, Contact Person)
✅ Store company details (Company Name, Representative Details(Name Contact Number, Email ID), Technology Preferences, Problem Statements, Sector Domain) [This is open-ended, create sections which you think are required]
✅ Preferred Technologies (Multi-select checkboxes)
✅ File Upload (Company Brochure in PDF format)
✅ Form Validation & Error Handling
🎨 Design Requirements:
🎨 White-themed UI with a modern and clean layout
📌 Form fields should have rounded edges and a soft shadow effect
📌 Buttons should have a blue primary color and hover effects
📌 Display error messages in red and success messages in green
📌 Use a loading spinner while the form is being submitted
You can see the sample design that is present in the repository.
🔎 Bonus: Show a progress bar when uploading files!
📍 File: components/OnboardingForm.jsx
🛠 Tech Stack: React.js, Formik/React Hook Form, TailwindCSS/Bootstrap
📝 Description:
Develop an interactive and validated onboarding form for companies. The form should collect:
✅ Company Details (Name, Website, Email, Contact Person)
✅ Store company details (Company Name, Representative Details(Name Contact Number, Email ID), Technology Preferences, Problem Statements, Sector Domain) [This is open-ended, create sections which you think are required]
✅ Preferred Technologies (Multi-select checkboxes)
✅ File Upload (Company Brochure in PDF format)
✅ Form Validation & Error Handling
🎨 Design Requirements:
🎨 White-themed UI with a modern and clean layout
📌 Form fields should have rounded edges and a soft shadow effect
📌 Buttons should have a blue primary color and hover effects
📌 Display error messages in red and success messages in green
📌 Use a loading spinner while the form is being submitted
You can see the sample design that is present in the repository.
🔎 Bonus: Show a progress bar when uploading files!