add shift-visualizer project

Author: Tiim

content/projects/shift-visualizer.md

@@ -0,0 +1,25 @@
+---
+uuid: "eeda5ca1-e4de-4539-bda8-5c5dca3a7bf3"
+title: Shift Visualizer
+section: Projects
+date: 2026-01-06T12:00:00Z
+published: true
+content_tags: ["javascript", "web app", "vanilla js"]
+links:
+  - "[Shift Visualizer](https://tiim.ch/shift-visualizer/)"
+  - "[Github Repo](https://github.com/Tiim/shift-visualizer)"
+---
+
+A client-side web application for visualizing daily work shifts with special handling for overnight shifts. Built with vanilla JavaScript, HTML, and CSS - no frameworks or build process required.
+
+## Features
+
+- 📅 View shifts by date with easy navigation
+- 🌙 Automatic overnight shift detection and display
+- 💾 Local storage persistence (no backend required)
+- 📱 Mobile-responsive design
+- 🎨 Color-coded shifts by shift type
+- ✅ JSON validation with detailed error messages
+- 🔄 Merge capability to update existing shifts
+
+The application is 100% client-side with no network calls, works completely offline once loaded, and stores all data in the browser's localStorage. It uses ES6 modules with native browser support, making it a lightweight solution for managing and visualizing work schedules.