SenOlé markası için geliştirdiğim bu modern web arayüzü, estetik tasarımı ileri düzey işlevsellikle birleştirerek kullanıcı dostu ve akıcı bir deneyim sunuyor. React ekosisteminin güçlü araçlarıyla geliştirilen bu proje, marka kimliği, ürün tanıtımı ve iletişim süreçlerini merkezi bir yapıda yönetiyor.
- Dinamik slider
- Öne çıkan özellikler
- Platform kartları
- Bülten aboneliği
- Navbar ve animasyonlarla zenginleştirilmiş içerik
- Marka hikayesi, değerler, sertifikalar
- SEO uyumlu yapı
- Animasyonlu bileşenler
- Grid yapısında ürün listesi
- Skeleton loading
- Accordion / Lightbox destekli etkileşimli kartlar
- Formik & Yup ile form doğrulama
- React Leaflet ile temalı, 3D binalı, POI destekli harita
- Açıklayıcı içerik
- Anasayfaya yönlendirme
- Görselle desteklenen özel hata sayfası
- React.js – Bileşen tabanlı yapı, useState / useEffect
- React Context API – Global tema ve state yönetimi
- React Router DOM – Sayfa yönlendirme ve 404 yönetimi
- React Bootstrap – Layout ve grid sistemi
- Material UI (MUI) – Skeleton, ikonlar ve tema desteği
- Framer Motion – Akıcı animasyonlar
- Swiper.js – Slider bileşenleri
- React Helmet – SEO ve meta etiket yönetimi
- Formik & Yup – Gelişmiş form yönetimi
- React Leaflet, Leaflet.js – Harita entegrasyonu
- OSMBuildings & Overpass API – 3D bina ve veri kaynakları
- yet-another-react-lightbox – Ürün görselleri için lightbox
- CSS3 & Özel CSS
- JavaScript (ES6+)
- Açık / Karanlık Mod (Context API + localStorage)
- Global
data-themeile tema kontrollü CSS - Sayfa geçişlerinde loading durumları
- Mobil uyumlu ve responsive tasarım
- Kullanıcı dostu form ve harita bileşenleri
Kart bileşenlerinde kullanılan tüm görseller Gemini 2.5 Flash Image Generation ile oluşturulmuştur.