TDvorak/Dash
1
0 Fork 0
mirror of https://github.com/Dvorinka/Dash.git synced 2026-10-29 08:04:58 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: phase 0 foundation — monorepo scaffold, backend, frontend, CI, docker

Browse Source 
Establishes the skeleton every later phase builds on: Go+Gin API with
zap logging, /api/healthz, SQLite+goose runner; Vite+React18+TS strict+
Tailwind v4 frontend with bento-mono theme tokens; openapi.yaml driving
a generated TS client; oxlint with vendored anti-slop rules; GitHub CI;
multi-stage Dockerfile -> 33.6MB distroless image; docker compose up
serves the blank board.


Generated with [Devin](https://devin.ai)

Authored By: TDvorak <[email protected]>
Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
Tomas Dvorak committed 2026-09-17 20:29:21 +02:00
1 parent e7f32949e9
commit b60821350a
46 files changed
+6415 -10
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/frontend/src/App.tsx
+54
View File
@@ -0,0 +1,54 @@
import { useEffect, useState } from "react";
import { Moon, Plus, Sun } from "lucide-react";
type Theme = "dark" | "light";
function initialTheme(): Theme {
const saved = localStorage.getItem("dash.theme");
return saved === "light" ? "light" : "dark";
}
export default function App() {
const [theme, setTheme] = useState<Theme>(initialTheme);
useEffect(() => {
document.documentElement.dataset.theme = theme;
localStorage.setItem("dash.theme", theme);
}, [theme]);
return (
<div className="font-sans">
<header className="sticky top-0 z-10 flex items-center gap-3.5 border-b border-border bg-bg/80 px-7 py-3.5 backdrop-blur-md">
<div className="flex items-center gap-2.5 text-[15px] font-semibold tracking-tight">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" aria-hidden>
<rect x="1" y="1" width="7" height="7" rx="1.5" fill="currentColor" />
<rect x="10" y="1" width="7" height="7" rx="1.5" fill="currentColor" opacity=".45" />
<rect x="1" y="10" width="7" height="7" rx="1.5" fill="currentColor" opacity=".45" />
<rect x="10" y="10" width="7" height="7" rx="1.5" fill="currentColor" />
</svg>
Dash
</div>
<button
type="button"
onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
aria-label="Toggle theme"
className="ml-auto flex size-[34px] items-center justify-center rounded-lg border border-border bg-surface text-text-dim transition-colors hover:border-border-strong hover:text-text active:scale-95"
>
{theme === "dark" ? <Moon size={15} strokeWidth={1.8} /> : <Sun size={15} strokeWidth={1.8} />}
</button>
<button
type="button"
className="flex h-[34px] items-center gap-1.5 rounded-lg bg-text px-3.5 text-[13px] font-medium text-bg transition-transform active:scale-95"
>
<Plus size={13} strokeWidth={2.2} />
Add service
</button>
</header>
<main className="mx-auto max-w-[1140px] px-7 pb-24 pt-9">
<p className="text-center text-[13px] text-text-faint">
No sections yet. Add a service to get started.
</p>
</main>
</div>
);
}