colterpurcell · colterpurcell · Dec 5, 2025 · Nov 28, 2025 · Dec 5, 2025 · Dec 5, 2025
diff --git a/lab13.md b/lab13.md
diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,7 +15,7 @@
   "type": "module",
   "main": "index.js",
   "scripts": {
-    "dev": "concurrently \"npm run dev --workspace=server\" \"npm run dev --workspace=proto\"",
+    "dev": "concurrently \"npm run dev --workspace=server\" \"npm run dev --workspace=app\"",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "workspaces": [
@@ -30,4 +30,4 @@
     "bcryptjs": "^3.0.3",
     "jsonwebtoken": "^9.0.2"
   }
-}
+}
diff --git a/packages/app/index.html b/packages/app/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>National Parks Adventure Guide</title>
+    <link rel="stylesheet" href="/styles/reset.css" />
+    <script type="module">
+      import { pageStyles } from "/src/styles/page-styles.css.ts";
+      // Apply global styles to document
+      const style = document.createElement("style");
+      style.textContent = pageStyles.map((s) => s.cssText).join("");
+      document.head.appendChild(style);
+    </script>
+    <script type="module" src="/src/main.ts"></script>
+  </head>
+  <body>
+    <mu-history provides="natty:history">
+      <mu-auth provides="natty:auth" redirect="/app/login">
+        <mu-store provides="natty:model">
+          <article class="page">
+            <mu-switch></mu-switch>
+          </article>
+        </mu-store>
+      </mu-auth>
+    </mu-history>
+  </body>
+</html>
diff --git a/packages/app/package.json b/packages/app/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "app",
+  "version": "1.0.0",
+  "description": "",
+  "license": "ISC",
+  "author": "Colter Purcell",
+  "type": "module",
+  "main": "index.html",
+  "scripts": {
+    "dev": "npx vite",
+    "build": "npx tsc && npx vite build",
+    "start": "http-server dist -p 3000"
+  },
+  "dependencies": {
+    "http-server": "^14.1.1",
+    "lit": "^3.3.1"
+  },
+  "devDependencies": {
+    "@calpoly/mustang": "^1.0.18",
+    "@types/node": "^24.9.1",
+    "glob": "^11.0.3",
+    "typescript": "^5.9.3",
+    "vite": "^6.4.1"
+  }
+}
diff --git a/packages/app/public/assets/icons/camping.svg b/packages/app/public/assets/icons/camping.svg
diff --git a/packages/app/public/images/paths/glacier-point-road.svg b/packages/app/public/images/paths/glacier-point-road.svg
diff --git a/packages/app/public/images/paths/grand-loop.svg b/packages/app/public/images/paths/grand-loop.svg
diff --git a/packages/app/public/images/paths/valley-loop.svg b/packages/app/public/images/paths/valley-loop.svg