Add Contact Page and Link It from Navbar

[Amrita2222]

Add Contact Page and Link It from Navbar

Is your feature request related to a problem?
The Contact page at /contact exists (src/app/contact/page.tsx) and renders the <Contact /> component, but the contact form currently uses a simulated API with a random 70% success rate — it does not actually send emails or store messages.

What Needs to Be Done

1. Backend: Create a real API route at src/app/api/contact/route.ts to handle form submissions
2. Email Integration: Use nodemailer (already in dependencies) to send contact form submissions to the project admin email
3. Form Validation: Add server-side validation for name, email, subject, and message fields
4. Rate Limiting: Add basic rate limiting to prevent spam
5. Success/Error Handling: Show proper toast notifications based on actual API response
6. Navbar Link: Verify the /contact link in Navbar.tsx works correctly (it already exists in the navLinks array)

Files to Modify

• src/components/Contact.tsx — Update form submission handler to call real API
• Create: src/app/api/contact/route.ts — New API endpoint
• .env.example — Add SMTP/email config variables if needed

Tech Stack

• Email: nodemailer (already installed)
• Validation: Zod schema validation
• UI: shadcn/ui form components, toast notifications

Acceptance Criteria

• Contact form submits to a real API endpoint
• Emails are sent via nodemailer to admin
• Server-side validation for all fields
• Success/error toast notifications
• Form resets on successful submission
• Works in both dark and light mode

[Amrita2222]

I would like to work on this issue and contribute by implementing the Contact Page and linking it properly through the Navbar.
Kindly assign this issue to me.

[Suraj-kumar00]

Hi @Amrita2222 it's right there,

I think i have restricted it with first sign-in/sign-up. But need to remove this restriction.
Please checkout this issue regarding this and if you want you can work on this #87 issue okay.

If you like the project you can leave a star of repo and share it with your friends or invite you more friends to contribute to it.

Happy coding!!!