Jerrit Fritzsche
da801b4ce2
Some checks are pending
docker / build-and-push (push) Waiting to run
Dark-mode Portfolio mit Scroll-Animationen, Custom Cursor, Skill-Bars und Docker-Pipeline zu Gitea Packages.
65 lines
1.6 KiB
Markdown
65 lines
1.6 KiB
Markdown
# 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
|
|
|
|
```bash
|
|
npm install
|
|
npm run dev # http://localhost:5173
|
|
```
|
|
|
|
## Build
|
|
|
|
```bash
|
|
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)
|