## Pull Request: Advanced, User-Friendly Project Submission Form Validation

[divysaxena24]

Related Issue

Closes #376

Summary

This pull request replaces the default Bootstrap validation of the project submission form with custom, advanced client-side validation using JavaScript. It enhances user experience by showing one error at a time, improves visual feedback with a modern red color, and ensures higher-quality data submission.

Description

Currently, the form uses Bootstrap’s required attributes and relies on browser-native validation, which only displays generic messages like "Please fill out this field." This provides minimal guidance to users and does not enforce more complex validation logic or polished UI feedback.

This PR implements custom JavaScript validation to deliver user-friendly, contextual feedback for each field. The error messages are styled for better visual clarity and accessibility, and only one error is shown at a time to prevent overwhelming the user.

Implementation Details

• Single-error validation stopping on first invalid field.
• Project Name minlength 3
• GitHub Link must be valid url containing github.com
• Optional Live Project Link valid url
• Tech Stack restricted characters
• Description minlength 10
• Error color #d9534f
• Input autofocus on error
• Disabled native validation with novalidate attribute

Screenshots

Testing

• Manual validation tests done.
• Accessibility reviewed for color and focus.

Ready for review and merge to improve form UX and input correctness.

[vercel]

@divysaxena24 is attempting to deploy a commit to the pavitraag's projects Team on Vercel.

A member of the Team first needs to authorize it.