code-differently
diff --git a/‎lesson_24/chelseaogbonnia/express_app/contact.html
Lines changed: 23 additions & 0 deletions b/‎lesson_24/chelseaogbonnia/express_app/contact.html
Lines changed: 23 additions & 0 deletions
diff --git a/‎lesson_24/chelseaogbonnia/express_app/index.js
Lines changed: 40 additions & 0 deletions b/‎lesson_24/chelseaogbonnia/express_app/index.js
Lines changed: 40 additions & 0 deletions
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact Form</title>
+</head>
+<body>
+    <h1>Contact Us</h1>
+    <form action="/submit" method="POST">
+        <label for="name">Name:</label>
+        <input type="text" id="name" name="name" required><br><br>
+
+        <label for="email">Email:</label>
+        <input type="email" id="email" name="email" required><br><br>
+
+        <label for="message">Message:</label><br>
+        <textarea id="message" name="message" rows="4" cols="50" required></textarea><br><br>
+
+        <button type="submit">Submit</button>
+    </form>
+</body>
+</html>
@@ -0,0 +1,40 @@
+const express = require("express");
+const app = express();
+const port = 5000;
+const cors = require("cors");
+const path = require("path");
+
+app.use(express.urlencoded({ extended: true }));
+app.use(express.json());
+app.use(cors());  // Enable CORS globally
+
+// Serve static files from the 'express_app' directory
+app.use(express.static(path.join(__dirname, 'express_app')));
+
+// Serve the contact form at the root
+app.get("/", (req, res) => {
+    res.sendFile(path.join(__dirname, 'contact.html'));  
+});
+
+// Handle form submission
+app.post("/submit", (req, res) => {
+    const { name, email, message } = req.body;
+
+    // Log the form data to the console
+    console.log("Received submission:");
+    console.log(`Name: ${name}`);
+    console.log(`Email: ${email}`);
+    console.log(`Message: ${message}`);
+
+    // Send a response back to the user
+    res.send(`
+        <h1>Thank you for your submission, ${name}!</h1>
+        <p>We have received your message and will get back to you at ${email} soon.</p>
+        <a href="/">Go back to the contact form</a>
+    `);
+});
+
+// Start the server
+app.listen(port, () => {
+    console.log(`Listening at http://localhost:${port}`);  
+});