JessicaGilfillan · kashefinterior-tech · Jan 23, 2026 · Jan 23, 2026 · Jan 23, 2026 · Jan 23, 2026
diff --git a/.DS_Store b/.DS_Store
diff --git a/03/.DS_Store b/03/.DS_Store
diff --git a/03/02_fix_this_code/index.php b/03/02_fix_this_code/index.php
@@ -3,22 +3,21 @@
 ini_set('display_errors', 1);
 error_reporting(E_ALL);
 
-
-$host = "localhost"
-
+$host = "localhost";
 $dbname = "week_two";
 $username = "root";
 $password = "";
 
-$dsn = "mysql:host=$hostdbname=$dbname";
+// DSN (Data Source Name)
+$dsn = "mysql:host=$host;dbname=$dbname";
 
 try {
-
-    $pdo = new PDO($dsn $username,);
-    $pdo->setAttribute(PDO::ATTR_ERRMODE PDO::ERRMODE_SILENT);
+    $pdo = new PDO($dsn, $username, $password);
 
-    echo "Connected to database!";
+    // Set error mode
+    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
 
-catch (PDOException $e {
-    echo "Database error: " . $e
+    echo "Connected to database!";
+} catch (PDOException $e) {
+    echo "Database error: " . $e->getMessage();
 }
diff --git a/03/03_make_it_maintainable/footer.php b/03/03_make_it_maintainable/footer.php
@@ -0,0 +1,9 @@
+<?php
+// footer.php
+// Shared footer HTML (reused across pages).
+?>
+  <hr>
+  <p>&copy; 2026</p>
+</body>
+</html>
+
diff --git a/03/03_make_it_maintainable/header.php b/03/03_make_it_maintainable/header.php
@@ -0,0 +1,13 @@
+<?php
+// header.php
+// Shared page header HTML (reused across pages to avoid repetition).
+?>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>My PHP Page</title>
+</head>
+<body>
+  <h1>Welcome</h1>
+  <hr>
diff --git a/03/03_make_it_maintainable/index.php b/03/03_make_it_maintainable/index.php
@@ -1,34 +1,30 @@
 <?php
-/* What's the Problem? 
-    - PHP logic + HTML in one file
-    - Works, but not scalable
-    - Repetition will become a problem
+// What I learned: Using arrays + loops + a single template page makes the site easier to maintain.
+// I’ll apply this in Course Project Phase One instead of duplicating pages.
 
-    How can we refactor this code so it’s easier to maintain?
-*/
+require_once __DIR__ . '/header.php';
 
-$items = ["Home", "About", "Contact"];
+$pages = [
+  'home' => ['title' => 'Home', 'content' => 'Welcome to my PHP page.'],
+  'about' => ['title' => 'About', 'content' => 'This is the About section.'],
+  'contact' => ['title' => 'Contact', 'content' => 'This is the Contact section.'],
+];
 
+$current = $_GET['page'] ?? 'home';
+if (!isset($pages[$current])) {
+  $current = 'home';
+}
 ?>
 
-<!DOCTYPE html>
-<html>
-<head>
-    <title>My PHP Page</title>
-</head>
-<body>
+<nav>
+  <ul>
+    <?php foreach ($pages as $key => $page): ?>
+      <li><a href="index.php?page=<?= $key ?>"><?= $page['title'] ?></a></li>
+    <?php endforeach; ?>
+  </ul>
+</nav>
 
-<h1>Welcome</h1>
+<h2><?= $pages[$current]['title'] ?></h2>
+<p><?= $pages[$current]['content'] ?></p>
 
-<ul>
-<?php foreach ($items as $item): ?>
-    <li><?= $item ?></li>
-<?php endforeach; ?>
-</ul>
-
-<footer>
-    <p>&copy; 2026</p>
-</footer>
-
-</body>
-</html>
+<?php require_once __DIR__ . '/footer.php'; ?>
diff --git a/assignments/.DS_Store b/assignments/.DS_Store
diff --git a/assignments/labs/.DS_Store b/assignments/labs/.DS_Store
diff --git a/lab_04/.DS_Store b/lab_04/.DS_Store
diff --git a/lab_04/assets/bitumi.png b/lab_04/assets/bitumi.png
diff --git a/lab_04/css/main.css b/lab_04/css/main.css
@@ -0,0 +1,127 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
+  background-color: #fff0f6;
+  color: #333;
+  line-height: 1.6;
+}
+
+header,
+main,
+footer {
+  max-width: 720px;
+  margin: 2rem auto;
+  padding: 1.5rem;
+  background-color: #ffffff;
+  border-radius: 16px;
+  border: 1px solid #ffd6e7;
+}
+
+h1 {
+  text-align: center;
+  margin-bottom: 1rem;
+}
+
+h1 img {
+  max-width: 220px;
+  height: auto;
+  display: block;
+  margin: 0 auto;
+}
+
+.nav {
+  text-align: center;
+  margin-bottom: 1rem;
+}
+
+.nav a {
+  text-decoration: none;
+  color: #d63384;
+  font-weight: 600;
+  margin: 0 10px;
+}
+
+.nav a:hover {
+  text-decoration: underline;
+}
+
+h2 {
+  text-align: center;
+  color: #d63384;
+  margin-bottom: 1.5rem;
+}
+
+fieldset {
+  border: 1px solid #ffc2da;
+  border-radius: 12px;
+  padding: 1.25rem;
+  margin-bottom: 1.5rem;
+}
+
+legend {
+  font-weight: bold;
+  color: #c2185b;
+}
+
+label {
+  display: block;
+  margin-top: 0.75rem;
+  font-weight: 500;
+}
+
+input,
+textarea {
+  width: 100%;
+  padding: 0.6rem;
+  margin-top: 0.25rem;
+  border-radius: 8px;
+  border: 1px solid #ffc2da;
+  font-size: 1rem;
+}
+
+input:focus,
+textarea:focus {
+  outline: none;
+  border-color: #d63384;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 1rem;
+}
+
+th,
+td {
+  border: 1px solid #ffd6e7;
+  padding: 0.75rem;
+}
+
+th {
+  background-color: #fff0f6;
+}
+
+button {
+  background-color: #ff4fa3;
+  color: white;
+  border: none;
+  padding: 0.75rem 1.5rem;
+  border-radius: 999px;
+  font-size: 1rem;
+  cursor: pointer;
+}
+
+button:hover {
+  opacity: 0.9;
+}
+
+footer {
+  text-align: center;
+  font-size: 0.9rem;
+  color: #777;
+}
+
+
diff --git a/lab_04/includes/footer.php b/lab_04/includes/footer.php
@@ -0,0 +1,6 @@
+  <footer>
+    <p>Bake It Till You Make It</p>
+    <p>COMP1006 – Week 4</p>
+  </footer>
+</body>
+</html>
diff --git a/lab_04/includes/header.php b/lab_04/includes/header.php
@@ -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>Bake It Till You Make It</title>
+   <link rel="stylesheet" href="css/main.css">
+</head>
+
+<body>
+  <header>
+    <h1 class="site-title">
+      <img src="assets/bitumi.png" alt="Bake It Till You Make It Bakery" class="logo">
+    </h1>
+
+
+    <nav class="nav">
+      <a href="index.php">Order</a>
+      <a href="#">Treats</a>
+      <a href="#">Help</a>
+      <a href="#">Contact</a>
+    </nav>
+  </header>
diff --git a/lab_04/index.php b/lab_04/index.php
@@ -0,0 +1,72 @@
+<?php require "includes/header.php"; ?>
+
+<main>
+  <h2>Place Your Order 🧁</h2>
+
+  <form action="process.php" method="post">
+
+    <fieldset>
+      <legend>Your Info</legend>
+
+      <label for="first_name">First name</label>
+      <input type="text" id="first_name" name="first_name" required>
+
+      <label for="last_name">Last name</label>
+      <input type="text" id="last_name" name="last_name" required>
+
+      <label for="email">Email</label>
+      <input type="email" id="email" name="email" required>
+    </fieldset>
+
+    <fieldset>
+      <legend>Pick Treats</legend>
+
+      <table border="1" cellpadding="8" cellspacing="0">
+        <tr>
+          <th>Treat</th>
+          <th>Quantity</th>
+        </tr>
+
+        <tr>
+          <td>Croissant 🥐</td>
+          <td>
+            <input type="number" name="items[croissant]" min="0" max="24" value="0">
+          </td>
+        </tr>
+
+        <tr>
+          <td>Muffin 🌙</td>
+          <td>
+            <input type="number" name="items[muffin]" min="0" max="24" value="0">
+          </td>
+        </tr>
+
+        <tr>
+          <td>Eclair 🤔</td>
+          <td>
+            <input type="number" name="items[eclair]" min="0" max="24" value="0">
+          </td>
+        </tr>
+      </table>
+    </fieldset>
+
+    <fieldset>
+      <legend>Notes (optional)</legend>
+
+      <label for="comments">Comments</label>
+      <textarea
+        id="comments"
+        name="comments"
+        rows="3"
+        placeholder="Allergies, delivery notes..."></textarea>
+    </fieldset>
+
+    <p>
+      <button type="submit">Submit Order</button>
+    </p>
+
+  </form>
+</main>
+
+<?php require "includes/footer.php"; ?>
+