Enhance Form Functionality with Validation and Snackbar Notifications

[RutikKulkarni]

Enhance the form functionality by implementing the following features:

1. Required Fields Validation:

   • Implement validation for required fields on form submission.
   • Display a Snackbar notification if the form is submitted with any required fields left unfilled.
     • Snackbar Message: "Fill all required fields."
   • Highlight unfilled required fields with a red border to indicate which fields are missing.
   • Note: The "Profile image" and "Resume" fields should be excluded from validation for now, as the backend implementation for these fields (using Multer) is still pending.

2. Snackbar on Successful Submission:

   • Upon successful submission of the form with all required fields filled, display a Snackbar with the message: "Data submitted successfully."

3. Save Data to Database:

   • Ensure that once all required fields are filled, the form data is saved to the database.

4. Backend Note:

   • The "Profile image" and "Resume" fields are currently not required. Backend integration for these fields using Multer is still in progress and should be addressed in a separate issue.

Acceptance Criteria:

• A Snackbar should appear with the message: "Fill all required fields" if required fields are not completed.
• Unfilled required fields should be highlighted with a red border.
• On successful form submission, a Snackbar should appear with the message: "Data submitted successfully."
• The "Profile image" and "Resume" fields should not be included in the required field validation.
• Data for all required fields should be saved to the database upon successful submission.

Additional Context: The backend integration for the "Profile image" and "Resume" fields will be implemented later using Multer. For now, these fields are excluded from required validation.

[Koppeks]

Hi @RutikKulkarni, I would like to work on this issue.

[RutikKulkarni]

Hi @RutikKulkarni, I would like to work on this issue.

Hi @Koppeks,

We are assigning this issue to you. Please ensure you thoroughly review the index.js. and snackbarGenerator.js file located in the utils folder. The logic for the Snackbar notifications is already present there & you will need to reuse that functionality for both error & success messages.

Feel free to reach out if you have any questions or need further clarification regarding the existing logic.

[Koppeks]

I have a question about the naming of the branches, would feature/validate-form be okay for this issue?

[RutikKulkarni]

I have a question about the naming of the branches, would feature/validate-form be okay for this issue?

Yes, you can use feature/validate-form for this issue.