Feat: Added web server and contact form for Lesson 23/24; (#640)

* feat: created chigazograham.json file

* fix: deleted lesson_09 content from main;

* feat: added CSS for index.html incuding the following sections body, header and header subsets, hero and hero subsets, program and program subsets, and footer;

* fix: removed style.css from main branch;

* feat: used Express and Morgan to create a web server; imported lesson 22 files; created contact.html file and filled in content with basic contact form; opened a new port in the dev container to support serving traffic from your web server;

* feat: added url parser and json parser along; added data display for contact form;

* feat: updated css to look fit the code differently website;

---------

Co-authored-by: “A1-4U2T1NN” <“a1.austinn19@gmail.com”>

Author: A1-4U2T1NN

lesson_22/template/style.css

@@ -0,0 +1,28 @@
+const express = require('express');
+const morgan = require('morgan');
+const path = require('path');
+const bodyParser = require('body-parser');
+
+const app = express();
+
+app.use(morgan('dev'));
+app.use(express.static(path.join(__dirname, 'public')));
+app.use(bodyParser.urlencoded({ extended: true }));
+app.use(bodyParser.json());
+
+const PORT = process.env.PORT || 3000;
+
+app.post('/contact', async (req, res) => {
+    const { name, email, feedback } = req.body;
+    res.send(`
+        <h1>Form Submitted</h1>
+        <p><strong>Name:</strong> ${name}</p>
+        <p><strong>Email:</strong> ${email}</p>
+        <p><strong>Feedback:</strong> ${feedback}</p>
+        <a href="/contact">Go back to the form</a>
+    `);
+});
+
+app.listen(PORT, () => {
+    console.log(`Server is running on port ${PORT}`);
+});