══════════════════════════════════════════════════ ═════
SAPIRA
Sonsuz Hologram Sarmalı
══════════════════════════════════════════════════ ═════


📌 NEDİR?
Sapira, 150'den fazla özlü sözü holografik 3D deneyimle sunan,
sonsuz kaydırma tabanlı interaktif bir bilgelik platformudur.


Instagram/TikTok'ta özlü söz paylaşan kullanıcılar için
ücretsiz, reklamsız, tamamen tarayıcı tabanlı çözüm.


══════════════════════════════════════════════════ ═════
✨ ÖNE ÇIKAN ÖZELLİKLER
══════════════════════════════════════════════════ ═════


▸ 🎨 5 Dinamik Neon Tema
Her kart geçişinde renk paleti otomatik evrim geçirir.
Altın, Cyan, Mor, Zümrüt, Gül — her biri GPU hızlandırmalı.


▸ 🖱️ 3D Mouse Tilt (Parallax)
Aktif kart mouse hareketine göre 3D döner.
Premium his, derinlik algısı.


▸ 📱 Mobil Optimize — Momentumlu Swipe
Dokunmatik kaydırma fizik motoru ile hissedilir.
60 FPS, GPU render.


▸ ⚡ Canvas 2D Parçacık Sistemi
Dinamik arka plan, mouse'u takip eden parçacıklar.
Her tema rengine göre parçacık renkleri değişir.


▸ 🔄 Sonsuz Döngü
Sondan başa, baştan sona sarma yok.
150 kart, karıştırılmış, tekrarsız deneyim.


▸ 💎 Pure HTML5 + CSS3 + Vanilla JS
Sıfır dış bağımlılık. Sıfır framework.
45KB toplam. Lighthouse 95+ performans skoru.


══════════════════════════════════════════════════ ═════
🛠️ TEKNOLOJİ STACK
══════════════════════════════════════════════════ ═════


▸ Canvas 2D Parçacık Sistemi (GPU hızlandırmalı)
▸ CSS 3D Transforms + Backdrop-Filter (Glassmorphism)
▸ Spring Physics Animations (cubic-bezier)
▸ SVG Inline OG Image (dosya yok, base64)
▸ Schema.org JSON-LD (SEO optimize)
▸ Intersection Observer (lazy render)
▸ requestAnimationFrame throttle (30fps canvas)


══════════════════════════════════════════════════ ═════
🎯 KİMLER İÇİN?
══════════════════════════════════════════════════ ═════


✓ Instagram/TikTok özlü söz sayfaları — içerik kaynağı
✓ Motivasyon hesapları — günlük paylaşım kaynağı
✓ Blog yazarları — gömülü widget olarak kullanılabilir
✓ Kişisel gelişim platformları — referans aracı


══════════════════════════════════════════════════ ═════
💰 FİYATLANDIRMA
══════════════════════════════════════════════════ ═════


ÜCRETSİZ. REKLAMSIZ. SINIRSIZ.


Gelecekte:
• Pro versiyon: Kendi sözlerini ekle, kendi temanı oluştur
• API: JSON export, embed widget
• White-label: Kendi markanla kullan


══════════════════════════════════════════════════ ═════
🔗 LİNK
══════════════════════════════════════════════════ ═════


🌐 Canlı Demo:
https://yusuf-tasci-e1ab7.web.app/so...ra/sapira.html


👤 Geliştirici: Yusuf Taşçı
🏢 Marka: TRCODEART
📧 İletişim: [uchuchteam@gmail.com]


══════════════════════════════════════════════════ ═════
📸 EKRAN GÖRÜNTÜLERİ
══════════════════════════════════════════════════ ═════



HTML olarak indir




══════════════════════════════════════════════════ ═════
🙏 DESTEK
══════════════════════════════════════════════════ ═════


Beğendiyseniz yıldız verin, paylaşın, yorum yapın.
Her geri bildirim bir sonraki projeyi daha iyi yapar.


#Sapira #ÖzlüSözler #Bilgelik #Frontend #TRCODEART