🐛 Bug Report: Add proper validation and error handling for contact form inputs

[YHQZ1]

📜 Description

The contact form currently does not implement proper input validation or user feedback handling. Users can submit empty or invalid inputs without clear validation messages, which leads to poor UX and unreliable form behavior.

Suggested improvements:

• Add validation for required fields
• Validate email format before submission
• Prevent whitespace-only inputs
• Add loading, success, and error states
• Improve overall form submission feedback and reliability

What browsers are you seeing the problem on?

Chrome

📃 Relevant Screenshots (Links)

As shown above, the email was successfully sent even though the contact form was submitted without a subject, message body, or valid contact details.

[DeepakGhenyar]

Hi @mehul-m-prajapati ,

I’d like to work on this issue under GSSoC’26.

I noticed the form currently allows empty or invalid submissions, so I’ll work on improving the validation and overall user experience by adding proper error handling, email validation, and submission feedback states.

Please assign this issue to me.

[amansharma264]

Hi ,
I would like to work on this issue under GSSoC. I have previously contributed to open-source projects, including contributions for IIIT Allahabad, where I worked on improving UI/UX and frontend functionality.

I analyzed the issue and I can implement the following improvements:

• Add proper validation for all required fields
• Validate email format before form submission
• Prevent empty or whitespace-only inputs
• Add loading, success, and error states for better UX
• Improve overall form reliability and user feedback handling
• Ensure responsive and clean validation messages across browsers

I can solve this issue by implementing both frontend validation and better submission handling to make the contact form more secure and user-friendly.

Please assign this issue to me. I’d love to contribute to the project.

[tech-dipesh]

/assign