🚀 Feature: Integrate Contact Form with EmailJS to Send User Messages #203
Description
🔖 Feature description
Currently, the Contact component provides a visually interactive form where users can enter their name, email, subject, and message, but it does not actually send any data to a backend or email service. To make the contact form functional, the component should be integrated with EmailJS so that user input is collected and sent to the intended recipient’s email.
Requirements:
- Add React state (useState) for each input field in the contact form (Full Name, Email, Subject, Message).
- Wire up the form to collect input values via controlled components.
- Update the handleSubmit function to send form data using the EmailJS service (using their official SDK).
- Show success and error notifications based on the outcome of the email sending process.
- Ensure that all form fields are validated before sending.
- Remove or update the existing simulated submission timeout to use actual async API call logic.
- Avoid exposing sensitive information (such as private keys) in the codebase.
Acceptance Criteria:
- When a user submits the contact form, the data is sent via EmailJS and an appropriate success or failure popup/notification appears.
- All form fields are required and validated before submission.
- No user data is sent unless the form passes validation and EmailJS receives the payload.
🎤 Screenshot
No response
🔄️ Additional Information
No response