Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement "Contact Us" Page with Backend Email Integration #524

Merged
merged 1 commit into from
Nov 7, 2024

Conversation

IkkiOcean
Copy link
Contributor

@IkkiOcean IkkiOcean commented Nov 7, 2024

This PR adds a "Contact Us" feature to the website, enabling users to reach out directly from the site with questions, feedback, or inquiries. This feature includes a frontend form for collecting user details and a backend API that uses Nodemailer to send emails. By implementing this, we improve communication with customers and make it easier for users to engage with us.

  • Closes Add "Contact Us" Page with Backend Email Integration #511

  • API Endpoint: Added a POST /api/contact endpoint that accepts form data (name, email, subject, and message).

  • Email Service: Configured Nodemailer to send email data to a designated contact email address.

  • Environment Variables:

    • Used EMAIL_USER and EMAIL_PASS for secure authentication with the email service.
    • Required configuration added to .env.
  • Error Handling:

    • Managed cases where email delivery fails by providing specific error messages to the frontend.
    • Ensures the API responds with appropriate status codes based on the success or failure of the email submission.

Screenshots

cont.mp4

Checklist

  • Implemented form validation for all fields.
  • Configured Nodemailer and environment variables for backend email functionality.
  • Set up error handling for email delivery failures.
  • Tested form submission with both success and error scenarios.
  • Updated .env.example with new environment variables required.

Copy link

vercel bot commented Nov 7, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
station-guide ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 7, 2024 4:36pm
station-guide-backend ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 7, 2024 4:36pm

Copy link
Contributor

github-actions bot commented Nov 7, 2024

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

@dhairyagothi dhairyagothi added dependencies Pull requests that update a dependency file level 3 45 points issue gssoc-ext GSSOX'24 Extended hacktoberfest-accepted Hacktoberfest hacktoberfest issue under hacktoberfest labels Nov 7, 2024
@dhairyagothi dhairyagothi merged commit 69928a6 into dhairyagothi:main Nov 7, 2024
5 checks passed
Copy link
Contributor

github-actions bot commented Nov 7, 2024

🎉 Your pull request has been successfully merged! 🎉 Thank you for your valuable contribution to Station Guide. Your efforts are greatly appreciated. Feel free to reach out if you have any more contributions or if there's anything else we can assist you with. Keep up the fantastic work! 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dependencies Pull requests that update a dependency file gssoc-ext GSSOX'24 Extended hacktoberfest issue under hacktoberfest hacktoberfest-accepted Hacktoberfest level 3 45 points issue
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add "Contact Us" Page with Backend Email Integration
2 participants