https://github.com/shadowblack77/portfolio
Welcom on my portfolio website
https://github.com/shadowblack77/portfolio
angular angular-animations bootstrap netlify responsive-web-design
Last synced: 1 day ago
JSON representation
Welcom on my portfolio website
- Host: GitHub
- URL: https://github.com/shadowblack77/portfolio
- Owner: ShadowBlack77
- Created: 2024-11-26T18:46:56.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-10T20:08:07.000Z (11 months ago)
- Last Synced: 2025-06-10T21:27:43.035Z (11 months ago)
- Topics: angular, angular-animations, bootstrap, netlify, responsive-web-design
- Language: HTML
- Homepage: https://shadowblack77.netlify.app/
- Size: 1.08 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nowoczesne Portfolio - ShadowBlack77
Minimalistyczne portfolio. Projekt nastawiony na najwyższą jakość UI/UX, bardzo płynne animacje i ekstremalną szybkość działania.
## 🚀 Technologie
- **[Astro](https://astro.build/)** - Ekstremalnie szybki framework webowy z podejściem "Zero JS by default".
- **[Tailwind CSS v4](https://tailwindcss.com/)** - Utility-first framework CSS do błyskawicznego ostylowania elementów.
- **[GSAP](https://gsap.com/)** - Zaawansowana biblioteka animacji (efekty wchodzenia, ScrollTrigger, animacje liczb).
- **Web3Forms** - Obsługa formularza kontaktowego bez konieczności stawiania własnego serwera backendowego.
## 📦 Uruchomienie lokalne
1. Sklonuj repozytorium
2. Zainstaluj niezbędne pakiety za pomocą menedżera pakietów:
```bash
npm install
```
3. Uruchom serwer deweloperski:
```bash
npm run dev
```
4. Projekt będzie natychmiastowo przygotowany i podgląd pojawi się pod adresem wskazanym w konsoli (zazwyczaj `http://localhost:4321/`).
## 🛠️ Budowanie i wdrażanie (Deployment)
Aby wygenerować ekstremalnie zoptymalizowane statyczne pliki, gotowe do wrzucenia na darmowy hosting (Vercel, Netlify, Github Pages), wystarczy wywołać:
```bash
npm run build
```
Zbudowana strona znajdzie się wewnątrz wygenerowanego folderu `dist/`.
## 🎨 Główne cechy
- **Płynny Glassmorphism UI** - Nowoczesne, oszronione, półprzezroczyste karty i przyciski.
- **Rozbudowane Animacje z GSAP** - Animacje typografii witającej, przeliczanie liczników w sekcji statystyk oparte na ScrollTrigger oraz animowane stopniowe wschodzenie bloków podczas przewijania w dół.
- **Żywe tło** - Strona posiada powoli falujące pule (blobs) kolorów nakładane ze specyficznym blurem, tworząc na żywo przepiękne gradienty. Odbiorca odnosi wrażenie płynnej wibracji wewnątrz mrocznego motywu strony.
- **Fully Responsive** - Doskonały wygląd na tabletach i smartfonach, zachowane odpowiednie marginesy na krawędziach.
- **Bezpieczny kontakt** - Zautomatyzowany formularz zabezpieczony przed botami (tzw. _honeypot_), korzystający w 100% z technologii asynchronicznej we wbudowanych API żądań serwerowych (AJAX).
## 📫 Autor
Stworzone przez: **ShadowBlack77**
[LinkedIn](https://www.linkedin.com/in/daniel-miliczek-329521279) | [GitHub](https://github.com/ShadowBlack77)