Improve Contact Form with Backend Validation & Error Handling #165
Description
Currently, our contact form allows users to submit queries, but it doesn’t have robust backend validation or clear error messages. For a platform like Amour Editorials — where students and professionals trust us with important documents (SOPs, LORs, etc.) — secure and reliable form submissions are critical.
Right now:
❌ Users don’t always see clear feedback if a submission fails
❌ No proper validation on the backend (risk of spam / invalid data)
❌ Error messages are either missing or too generic
We need to improve the form system so every user has a smooth and trustworthy experience.
Proposed Solution:
Add backend validation for required fields (name, email, message, file uploads)
Show user-friendly error messages in the frontend (e.g., “Please enter a valid email address”)
Implement success confirmation (toast or popup: “Your request has been submitted successfully ✅”)
Improve Nodemailer integration to handle errors gracefully (retry or send fallback message)
Log failed attempts for debugging (but without exposing sensitive info)
Why is this important?
✨ Because trust = everything for Amour Editorials. Students are sharing personal journeys and confidential documents. A polished, secure, and error-proof contact form builds credibility and confidence.
By fixing this, we:
🚀 Improve user experience
🔒 Make the platform more reliable
🌍 Create a professional first impression for global clients