🚿 DuschApp

Web App for contrast showers. Built with React + TypeScript.

Try it live →

⚠️ Important: Do not use this protocol when sick, feverish, or physically weakened. Consult a healthcare professional if you have any medical conditions.

Features

• ⏱️ Automated hot/cold cycles
• 🎯 Duration presets: 10, 15, 20, 25 minutes
• 🔄 3-4 cycles auto-calculated to fit total time
• ⏸️ Pause/resume controls
• 📱 Screen stays awake (NoSleep.js)
• 💾 Installable as PWA (Progressive Web App)
• 📊 Color-coded phases with progress tracking

What's a PWA?

A Progressive Web App is a website that can be installed on your device like a native app - no app store needed! Just visit the site and tap "Add to Home Screen" in your browser.

Quick Start

git clone https://github.com/Louber1/DuschApp.git
cd DuschApp
npm install
npm start

Open http://localhost:3000

Scripts

• npm start - Dev server
• npm test - Run tests
• npm run build - Production build
• npm run deploy - Deploy to GitHub Pages

Tech Stack

React 19, TypeScript, NoSleep.js, Create React App

Usage

1. Pick a duration (10-25 min)
2. Start your shower
3. Follow the timer (hot → cold cycles)
4. Complete all cycles