docker / build-and-push (push) Waiting to run

Details

feat: initial portfolio site (Vite + TS + GSAP + Lenis)

Dark-mode Portfolio mit Scroll-Animationen, Custom Cursor,
Skill-Bars und Docker-Pipeline zu Gitea Packages.

2026-07-23 10:33:53 +02:00

1.6 KiB

Raw Blame History

jf-homepage

Portfolio & About-Seite für Jerrit (jf) — gebaut mit Vite, TypeScript, GSAP/ScrollTrigger und Lenis.

Stack

Vite — Dev-Server & Build
TypeScript — Typsicherheit
GSAP + ScrollTrigger — Scroll-Animationen, Reveals, Skill-Bars
Lenis — Smooth Scrolling
Reines CSS (Custom Properties, kein Framework)

Features

Animierter Hero (Intro-Timeline, Gradient-Background)
Reveal-on-Scroll für alle Sektionen
Skill-Bars mit Scroll-Trigger
Custom Cursor + Scroll-Progress-Bar
Fixe Nav mit Blur-on-Scroll
Responsive (Desktop / Tablet / Mobile)
prefers-reduced-motion respektiert

Struktur

jf-homepage/
├── index.html          # Markup, Sektionen
├── src/
│   ├── style.css       # komplettes Styling
│   └── main.ts         # Animationen, Lenis, Cursor, Nav
├── package.json
└── tsconfig.json

Local dev

npm install
npm run dev      # http://localhost:5173

Build

npm run build    # tsc + vite build -> dist/
npm run preview  # dist/ lokal serven

Deploy

Statisches dist/ — hostbar auf jedem Static-Host (z. B. Gitea Pages, Netlify, Cloudflare Pages, nginx).

Git / Gitea

Remote: git@git.jfritzsche.de:jf/jf-homepage.git
Branches: main (prod), dev (laufend), feature/*, fix/*
Commits: Conventional Commits (feat:, fix:, docs:, chore:)
CI/CD: aktuell keine Pipeline (statisches Hosting).

ToDo / Ideen

Echte Projekt-Cases statt Platzhalter
Dark/Light-Toggle
Gitea-Actions-Deploy zu Gitea Pages (optional)

1.6 KiB Raw Blame History