Nowoczesne interaktywne CV w formie strony internetowej, stworzone przy użyciu HTML, SCSS i JavaScript. Projekt prezentuje moje umiejętności frontendowe, projekty oraz doświadczenie w dynamicznej i atrakcyjnej formie.
🌐 Strona została zaprojektowana jako alternatywa dla klasycznego CV.
🌐 Kliknij GIF aby zobaczyć stronę
Celem projektu było stworzenie nowoczesnego, interaktywnego CV w formie strony internetowej, które pozwala w atrakcyjny sposób zaprezentować moje umiejętności, projekty oraz doświadczenie.
- 📱 Responsywny layout (RWD) dostosowany do różnych rozdzielczości
- 🎬 Animacje pojawiających się sekcji podczas scrollowania
- 🖼️ Slider projektów z możliwością podglądu screenshotów
- 🔗 Linki do demo oraz kodu źródłowego projektów
- 🎨 Nowoczesny interfejs UI z wykorzystaniem SCSS
- 📬 Sekcja kontaktowa z szybkim dostępem do GitHub, LinkedIn i email
📁 cv-website
├── 📁 assets
| └─ 📁 images
│ ├── CountryExplorer1.png
│ ├── CountryExplorer2.png
│ └── ...
├── 📁 css
│ └── main.css
├── 📁 js
│ ├── main.js
│ ├── scroll-animations.js
│ └── sliders.js
├── 📁 scss
│ ├── _base.scss
│ ├── _education.scss
│ └── ...
├── index.html
└── README.md
📁 assets/images – zawiera zrzuty ekranu projektów, ikony i zdjecie profilowe
📁 js – skrypty odpowiedzialne za animacje
📁 scss – pliki źródłowe stylów (moduły SCSS)
📁 css – skompilowany plik stylów dla strony
- projektowania struktury większej aplikacji frontendowej
- organizacji stylów przy użyciu modułowego SCSS
- implementacji animacji scrollowych w JavaScript
- optymalizacji struktury HTML pod kątem semantyki i dostępności
- zarządzania interakcjami użytkownika i dynamicznymi elementami UI
- Sklonuj repozytorium
git clone https://github.com/DawidKuczma-dev/cv-website.git- Otwórz plik
index.htmlw przeglądarce lub uruchom lokalny serwer (np. Live Server)
- dodanie trybu dark / light
- dodanie języka angielskiego
- formularz kontaktowy
Dawid Kuczma LinkedIn • GitHub
Ten projekt jest dostępny na zasadach licencji MIT.