JW Nail Studio 💄 - Strona Internetowa

Strona internetowa dla salonu stylizacji paznokci JW Nail Studio. Projekt zawiera responsywny design, animacje i interaktywne elementy.

➡️ LINK DO STRONY ⬅️

🔴 Struktura projektu

JW/
├── css/
│   └── style.css       # Główny plik CSS
├── js/
│   ├── main.js         # Główny plik JavaScript
│   └── tests.js        # Testy jednostkowe
├── images/             # Katalog z obrazami
├── index.html          # Strona główna
└── README.md           # Dokumentacja projektu

🔴 Funkcjonalności

• Responsywny design - strona dostosowuje się do różnych rozmiarów ekranów
• Slider zdjęć - automatycznie zmieniający się slider na stronie głównej
• Animacje - efekty pojawiania się elementów podczas przewijania
• Formularz kontaktowy - zintegrowany z Formspree
• Galeria - wyświetlanie zdjęć z Instagrama
• Menu mobilne - hamburger menu dla urządzeń mobilnych

🔴 Technologie

• HTML5
• CSS3 (zmienne CSS, flexbox, grid, animacje)
• JavaScript (ES6+)
• Formspree (obsługa formularza kontaktowego)
• Instagram API (wyświetlanie galerii)

🔴 Optymalizacje wydajności

• Lazy loading obrazów
• Optymalizacja animacji z użyciem requestAnimationFrame
• Delegacja zdarzeń dla obsługi interakcji
• Wykorzystanie IntersectionObserver do animacji przy przewijaniu
• Debouncing i throttling dla zdarzeń scroll

🔴 Dostępność

• Semantyczny HTML
• Atrybuty ARIA
• Obsługa klawiatury dla interaktywnych elementów
• Odpowiedni kontrast kolorów

---

Autor: Marek161