mostly finished?

backend/server.js

@@ -92,12 +92,14 @@ const Contact = mongoose.model('Contact', ContactSchema);
 app.post('/api/contact', async (req, res) => {
     const{ name, email, subject, message } = req.body
     try {
-        await Contact.create({
-            name: name,
-            email: email,
-            subject: subject,
-            message: message
+        const newContact = new Contact({
+            name,
+            email,
+            subject,
+            message
         })
+        await newContact.save()
+
         res.status(201).json({message: 'Inquiry submitted successfully'})
     }
     catch (err) {

package.json

@@ -10,6 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "axios": "^1.7.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "wouter": "^3.3.5"

src/pages/Contact.jsx

@@ -1,5 +1,6 @@
 
 import { useState } from 'react';
+import axios from 'axios';
 
 export default function Contact( ) {
 
@@ -14,17 +15,18 @@ export default function Contact( ) {
     setFormData({ ...formData, [e.target.name]: e.target.value });
   };
 
-  const handleSubmit = (e) => {
+  const handleSubmit = async (e) => {
+    const { name, email, subject, message } = formData
+
     e.preventDefault();
-
-    const alertMessage = `
-      Name: ${formData.name}
-      Email: ${formData.email}
-      Subject: ${formData.subject}
-      Message: ${formData.message}
-    `;
-
-    alert(alertMessage);
+    try {
+      const response = await axios.post(`${import.meta.env.VITE_API_URL}/api/contact`, formData)
+      if(response.status == 201) {
+        alert("Inquiry submitted successfully!")
+      }
+    } catch (err) {
+      alert("There was an error submitting the inquiry.")
+    }
 
     console.log('Form submitted:', formData);
   };