Merge pull request #1 from harshjain777/main

adding server

Task-4/contact.html

@@ -28,16 +28,56 @@ <h2>We will Love to Hear from You</h2>
           <p>123 RB Lane, R-City, Mumbai-400036</p>
         </div>
       </div>
-      <form action="#" method="post">
-        <input type="text" name="name" placeholder="Your Name" required>
-        <input type="email" name="email" placeholder="Your Email" required>
-        <textarea name="message" placeholder="Your Message" rows="5" required></textarea>
+      <form id="contactForm">
+        <input type="text" name="name" id="name" placeholder="Your Name" required>
+        <input type="email" name="email" id="email" placeholder="Your Email" required>
+        <textarea name="message" id="message" placeholder="Your Message" rows="5" required></textarea>
         <button type="submit">Send Message</button>
       </form>
+      <div id="responseMessage" style="display:none; margin-top:10px;"></div>
     </section>
   </div>
   <footer>
     <p>&copy; 2025 PAWs | <a href="#privacy-policy">Privacy Policy</a></p>
   </footer>
+
+  <script>
+    const form = document.getElementById('contactForm');
+    const responseMessage = document.getElementById('responseMessage');
+
+    form.addEventListener('submit', async (e) => {
+      e.preventDefault();
+
+      const name = document.getElementById('name').value;
+      const email = document.getElementById('email').value;
+      const message = document.getElementById('message').value;
+
+      try {
+        const response = await fetch('http://localhost:8000/api/contact/contactuser', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({ userName: name, email, description: message }),
+        });
+
+        const data = await response.json();
+
+        if (data.success) {
+          responseMessage.style.color = 'green';
+          responseMessage.textContent = data.message;
+        } else {
+          responseMessage.style.color = 'red';
+          responseMessage.textContent = 'Failed to send message. Please try again later.';
+        }
+      } catch (error) {
+        responseMessage.style.color = 'red';
+        responseMessage.textContent = 'An error occurred while sending the message.';
+        console.error('Error:', error);
+      }
+
+      responseMessage.style.display = 'block';
+    });
+  </script>
 </body>
 </html>

server/controllers/Contact.Controller.js

@@ -0,0 +1,30 @@
+const Contact = require('../models/contact.model.js')
+
+const contactUser = async(req,res)=>{
+    const {userName,email,description} = req.body;
+
+    try {
+
+        const newContact = new Contact({
+            userName,
+            email,
+            description
+        })
+        await newContact.save();
+
+        res.status(200).json({
+            success:true,
+            message:"message sent successfully"
+        })
+
+    } catch (error) {
+        console.log(error);
+        res.status(500).json({
+            success:false,
+            message:'error while sending message'
+        })
+
+    }
+}
+
+module.exports = {contactUser}

server/models/contact.model.js

@@ -0,0 +1,19 @@
+const mongoose = require('mongoose')
+
+const ContactSchema = new mongoose.Schema({
+    userName:{
+        type:String,
+        required:true
+    },
+    email:{
+        type:String,
+        required:true
+    },
+    description:{
+        type:String,
+        required:true
+    }
+});
+
+const Contact = mongoose.model('Contact',ContactSchema)
+module.exports = Contact;