Urlaubsverwaltung

Landing Page für die Open Source Urlaubsverwaltung & Zeiterfassung

Development

Was du benötigst:

• Spaß an der Arbeit :o)
• NodeJS
  • die genaue Version findest du in der .nvmrc Datei
  • am besten installierst du dir ein Tool zum Verwalten verschiedener NodeJS Versionen wie z. B. node version manager (nvm) oder nodenv

Hast du NodeJS installiert und dieses Repository geklont kannst du direkt loswerkeln.

git clone --depth 1 git@github.com:focus-shift/urlaubsverwaltung-landingpage.git
cd urlaubsverwaltung-landingpage
npm ci
npm run dev

npm run dev startet einen Server und baut nach dem Bearbeiten von Dateien alles neu.

git hooks (optional)

Zum Automatisieren verschiedener Dinge bietet dir das Projekt git hooks an. Diese kannst du mit folgendem Befehl installieren:

git config core.hooksPath '.githooks'

Die Githooks sind im .githooks Verzeichnis zu finden.

Homepage bauen

Eine optimierte Version der Landingpage kannst du bauen mit:

npm run build

Verzeichnisstruktur

• public
  • enthält statische Resourcen die nicht transformiert werden müssen (z. B. favicon, robots.txt, ...)
• src
  • enthält den Inhalt der Webseite, CSS, JavaScript und alles was transformiert werden muss.

Deployment

Jeder commit auf den Branch main wird automatisiert gebaut, auf den gh-pages branch gemerged und damit live genommen.

siehe .github/workflows/deployment.yml

Bilder & Icons

• Bild-Optimierung
• Screenshots via flameshot
• Icon Set