Skip to content

[Feature]: Add a functional "Send Message" form to the Contact page #882

@Dev1822

Description

@Dev1822

What problem does this solve?

Currently, the /contact page (templates/contact.html) only displays static contact information (email, GitHub link) and doesn't allow users to directly reach out from within the application.

We should improve the user experience by adding a functional contact form where users can input their name, email, and message, and send it directly to the DevPath maintainers.

Proposed solution

  1. Frontend: Update templates/contact.html to include a standard HTML form with the following fields:
    • Name (text input)
    • Email Address (email input)
    • Message (textarea)
    • Submit Button
  2. Styling: Style the form to match the existing dark-mode, glassmorphism UI theme of DevPath (using the existing CSS classes from style.css like hero-content or creating new matching inputs).
  3. Backend / Integration: Instead of setting up an SMTP server which can be complex, use a free form-handling service such as Web3Forms or Formspree. The form's action attribute can simply point to the service URL to handle the email delivery securely.

Alternatives considered

No response

Which part of the app does this affect?

Homepage and form

Estimated complexity

Medium (one function and one template change)

Before submitting

  • I searched existing issues and this has not been requested before.
  • This change would benefit contributors beyond my own use case.

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions