davidbingmann
diff --git a/‎.gitignore‎
Lines changed: 6 additions & 1 deletion b/‎.gitignore‎
Lines changed: 6 additions & 1 deletion
diff --git a/‎Dockerfile‎
Lines changed: 7 additions & 17 deletions b/‎Dockerfile‎
Lines changed: 7 additions & 17 deletions
diff --git a/‎README.md‎
Lines changed: 23 additions & 11 deletions b/‎README.md‎
Lines changed: 23 additions & 11 deletions
diff --git a/‎index.html‎
Lines changed: 19 additions & 0 deletions b/‎index.html‎
Lines changed: 19 additions & 0 deletions
@@ -24,4 +24,9 @@ venv/
 app/.sesskey
 
 # Claude Code
-CLAUDE.md
+CLAUDE.md
+
+# Node
+node_modules/
+dist/
+npm-debug.log*
@@ -1,22 +1,12 @@
-FROM ghcr.io/astral-sh/uv:python3.13-bookworm-slim
+FROM node:20-alpine
 
 WORKDIR /app
 
-ENV UV_LINK_MODE=copy \
-    UV_COMPILE_BYTECODE=1 \
-    UV_PYTHON_DOWNLOADS=never \
-    UV_PYTHON=python3.13 \
-    PYTHONPATH=/app
+COPY package.json package-lock.json* ./
+RUN npm install
 
-RUN --mount=type=cache,target=/root/.cache/uv \
-    --mount=type=bind,source=uv.lock,target=uv.lock \
-    --mount=type=bind,source=pyproject.toml,target=pyproject.toml \
-    uv sync --frozen --no-install-project
+COPY . .
+RUN npm run build
 
-ADD . /app
-
-RUN --mount=type=cache,target=/root/.cache/uv \
-    uv sync --frozen
-
-WORKDIR /app/src/davidbingmann_de
-CMD ["uv", "run", "main.py"]
+EXPOSE 5001
+CMD ["npm", "run", "preview"]
@@ -1,28 +1,40 @@
 # davidbingmann.de
 
-A personal website built with Python FastHTML, showcasing my profile, projects, and resume.
+A personal website built with React + Vite, showcasing my profile, projects, and resume.
 
 ## ✨ Features
 
-- **Responsive Design**: Mobile-first approach with hamburger menu navigation
+- **Responsive Design**: Minimal, mono-inspired layout with subtle motion
 - **Social Media Integration**: Links to GitHub, LinkedIn, X/Twitter, and Bluesky
-- **Dynamic Content**: Markdown-based content management with syntax highlighting
 - **Interactive Timeline**: Visual resume presentation
-- **Modern Tech Stack**: FastHTML, Bootstrap, HTMX for optimal performance
+- **Modern Visual Style**: Full-bleed hero, soft gradients, and clean typography
+- **Containerized Deployment**: Docker & Docker Compose
 
 ## 🚀 Quick Start
 
 ### Prerequisites
 
-- Python 3.13+
-- [uv](https://github.com/astral-sh/uv) package manager
+- Node.js 20+
+- npm
+
+### Development
+
+```bash
+npm install
+npm run dev
+```
+
+### Production Preview
+
+```bash
+npm run build
+npm run preview
+```
 
 ## 🔧 Tech Stack
 
-- **Backend**: [FastHTML](https://fastht.ml/) - Modern Python web framework
-- **Frontend**: Bootstrap 5, Font Awesome, HTMX
-- **Content**: Markdown with frontmatter support
+- **Frontend**: React, Vite
+- **UI**: Custom CSS
+- **Routing**: React Router
 - **Containerization**: Docker & Docker Compose
 - **Web Server**: Caddy (reverse proxy)
-- **Code Quality**: Ruff (linting and formatting)
-- **Package Management**: uv
 
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap"
+      rel="stylesheet"
+    />
+    <title>David Bingmann</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>