Add self-hosted kids calendar app

Express + SQLite (node:sqlite, no native build step) family calendar: parent accounts with household invites, per-child calendars with save/duplicate/print, a token-gated read-only kiosk view for tablets, and polling to keep parent and kiosk views in sync. Defaults to port 3007.
2026-08-15 13:48:01 -04:00
commit 66b8fc5d4d
42 changed files with 3567 additions and 0 deletions
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Sign up — Kids Calendar</title>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Nunito:wght@500;700;800&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="/css/shared.css">
+</head>
+<body>
+
+<div class="auth-wrap">
+  <h1>Create your family</h1>
+  <p class="lead">This creates a new household. Your spouse can join it afterward with an invite link.</p>
+  <div class="error-msg" id="errorMsg" style="display:none;"></div>
+  <form id="signupForm">
+    <div class="field">
+      <label for="name">Your name</label>
+      <input type="text" id="name" autocomplete="name" required>
+    </div>
+    <div class="field">
+      <label for="householdName">Family name (optional)</label>
+      <input type="text" id="householdName" placeholder="e.g. The Smiths">
+    </div>
+    <div class="field">
+      <label for="email">Email</label>
+      <input type="email" id="email" autocomplete="email" required>
+    </div>
+    <div class="field">
+      <label for="password">Password</label>
+      <input type="password" id="password" autocomplete="new-password" minlength="8" required>
+    </div>
+    <div class="form-actions">
+      <button type="submit" class="tool primary">Sign up</button>
+      <div class="switch-link">Already have an account? <a href="/login.html">Log in</a></div>
+    </div>
+  </form>
+</div>
+
+<script src="/js/api.js"></script>
+<script>
+document.getElementById('signupForm').addEventListener('submit', async (e) => {
+  e.preventDefault();
+  const errorMsg = document.getElementById('errorMsg');
+  errorMsg.style.display = 'none';
+  try {
+    await api.post('/api/auth/signup', {
+      name: document.getElementById('name').value,
+      householdName: document.getElementById('householdName').value,
+      email: document.getElementById('email').value,
+      password: document.getElementById('password').value,
+    });
+    window.location.href = '/dashboard.html';
+  } catch (err) {
+    errorMsg.textContent = err.message;
+    errorMsg.style.display = 'block';
+  }
+});
+</script>
+
+</body>
+</html>