14 files changed, 184 insertions, 0 deletions
diff --git a/client/.gitignore b/client/.gitignore
new file mode 100644
index 0000000..7cc02db
--- /dev/null
+++ b/client/.gitignore
@@ -0,0 +1,23 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/client/index.html b/client/index.html
new file mode 100644
index 0000000..9073fad
--- /dev/null
+++ b/client/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Svelte + TS</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/client/package.json b/client/package.json
new file mode 100644
index 0000000..5343ae4
--- /dev/null
+++ b/client/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "todo-client",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "check": "svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^5.0.3",
+    "@tsconfig/svelte": "^5.0.4",
+    "svelte": "^5.28.1",
+    "svelte-check": "^4.1.6",
+    "typescript": "~5.8.3",
+    "vite": "^6.3.5"
+  },
+  "dependencies": {
+    "@tailwindcss/vite": "^4.1.6",
+    "@types/page": "^1.11.9",
+    "page": "1.3.7",
+    "tailwindcss": "^4.1.6",
+    "todo-protocol": "workspace:*"
+  }
+}
diff --git a/client/src/App.svelte b/client/src/App.svelte
new file mode 100644
index 0000000..488312f
--- /dev/null
+++ b/client/src/App.svelte
@@ -0,0 +1,33 @@
+<script lang="ts">
+  import page from "page";
+  import { onMount } from "svelte";
+  import type { Component, ComponentProps } from "svelte";
+  import Home from "./pages/Home.svelte";
+
+  let CurrentPage: Component<any> | null = $state(null);
+  let currentPageProps: any = $state({});
+
+  function bindComponent<T extends Component<any>>(
+    component: T,
+    props: ComponentProps<T>,
+  ) {
+    CurrentPage = component;
+    currentPageProps = props;
+  }
+
+  onMount(() => {
+    page("/", () => {
+      bindComponent(Home, {});
+    });
+
+    page.start();
+  });
+</script>
+
+<main>
+  {#if CurrentPage}
+    <CurrentPage {...currentPageProps}></CurrentPage>
+  {:else}
+    <p>No page bound</p>
+  {/if}
+</main>
diff --git a/client/src/main.ts b/client/src/main.ts
new file mode 100644
index 0000000..aa59c8a
--- /dev/null
+++ b/client/src/main.ts
@@ -0,0 +1,9 @@
+import { mount } from "svelte";
+import App from "./App.svelte";
+import "./style.css";
+
+const app = mount(App, {
+  target: document.getElementById('app')!,
+})
+
+export default app
diff --git a/client/src/pages/Home.svelte b/client/src/pages/Home.svelte
new file mode 100644
index 0000000..2ac8c1a
--- /dev/null
+++ b/client/src/pages/Home.svelte
@@ -0,0 +1,3 @@
+<main>
+  <p>Hello, world!</p>
+</main>
diff --git a/client/src/style.css b/client/src/style.css
new file mode 100644
index 0000000..a461c50
--- /dev/null
+++ b/client/src/style.css
@@ -0,0 +1 @@
+@import "tailwindcss";
+\ No newline at end of file
diff --git a/client/src/vite-env.d.ts b/client/src/vite-env.d.ts
new file mode 100644
index 0000000..4078e74
--- /dev/null
+++ b/client/src/vite-env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />
diff --git a/client/svelte.config.js b/client/svelte.config.js
new file mode 100644
index 0000000..09db9ff
--- /dev/null
+++ b/client/svelte.config.js
@@ -0,0 +1,8 @@
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+
+export default {
+  preprocess: vitePreprocess(),
+  compilerOptions: {
+    warningFilter: (warning) => !warning.code.startsWith("css_unused_selector")
+  }
+}
diff --git a/client/tailwind.config.ts b/client/tailwind.config.ts
new file mode 100644
index 0000000..1f2a064
--- /dev/null
+++ b/client/tailwind.config.ts
@@ -0,0 +1,4 @@
+import type { Config } from "tailwindcss";
+
+export default {
+} as Config;
+\ No newline at end of file
diff --git a/client/tsconfig.app.json b/client/tsconfig.app.json
new file mode 100644
index 0000000..55a2f9b
--- /dev/null
+++ b/client/tsconfig.app.json
@@ -0,0 +1,20 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "resolveJsonModule": true,
+    /**
+     * Typecheck JS in `.svelte` and `.js` files by default.
+     * Disable checkJs if you'd like to use dynamic types in JS.
+     * Note that setting allowJs false does not prevent the use
+     * of JS in `.svelte` files.
+     */
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true,
+    "moduleDetection": "force"
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.svelte"]
+}
diff --git a/client/tsconfig.json b/client/tsconfig.json
new file mode 100644
index 0000000..1ffef60
--- /dev/null
+++ b/client/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
diff --git a/client/tsconfig.node.json b/client/tsconfig.node.json
new file mode 100644
index 0000000..9728af2
--- /dev/null
+++ b/client/tsconfig.node.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/client/vite.config.ts b/client/vite.config.ts
new file mode 100644
index 0000000..da139ed
--- /dev/null
+++ b/client/vite.config.ts
@@ -0,0 +1,10 @@
+import { defineConfig } from "vite";
+import { svelte } from "@sveltejs/vite-plugin-svelte";
+import tailwindcss from "@tailwindcss/vite";
+
+export default defineConfig({
+  plugins: [
+    svelte(),
+    tailwindcss(),
+  ],
+})