Contact Form Implementation with Getform.io and Email Notification

[Nishitbaria]

Related Issue

#639

This pull request adds the functionality to the contact form on our website, enabling it to work with Getform.io and send email notifications to the owner whenever a new submission is made.

Proposed Changes

Changes Made:

1. Integrated the Getform.io API with the existing contact form to handle form submissions securely.
2. Implemented form validation using HTML5 attributes to ensure all required fields are filled correctly before submission.
3. Added custom JavaScript validation to handle form submission and display error messages for invalid fields.
4. Configured the form to send data to the specified Getform.io endpoint for processing.
5. Set up an email notification system using Getform.io to alert the owner of new form submissions.
6. Tested the functionality to verify that the contact form is now working as expected.

Benefits:
With this implementation, users can now easily submit inquiries and messages through the contact form on our website. The form data will be sent securely to Getform.io, and the website owner will receive email notifications for each new submission. This will streamline communication with our website visitors and ensure that we never miss any important messages or inquiries.

Additional Info

• Any additional information or context

Checklist

• ✅ My code follows the code style of this project.
• [] 📝 My change requires a change to the documentation.
• 🎀 I have updated the documentation accordingly.
• 🌟 ed the repo

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Output Screenshots

image

[netlify]

✅ Deploy Preview for codesetgo ready!

Name	Link
🔨 Latest commit	3fd72f6
🔍 Latest deploy log	https://app.netlify.com/sites/codesetgo/deploys/64cf6153532e0b000849795f
😎 Deploy Preview	https://deploy-preview-654--codesetgo.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Nishitbaria]

@agamjotsingh18 ,please give me email id where you want email to send,i will update that and please consider my valuable contribution and reconsider giving good level to pull request

[agamjotsingh18]

@agamjotsingh18 ,please give me email id where you want email to send,i will update that and please consider my valuable contribution and reconsider giving good level to pull request

[email protected]

[Nishitbaria]

@agamjotsingh18 ,Email updated ,Now you can merge my pull request

[Nishitbaria]

@agamjotsingh18 ,please review and merge my pull request

[Nishitbaria]

@agamjotsingh18 ,please review and merge my pull request