Framer Motion'a pratikle hakim olmak
Bu projeyi bir müşteri isteği değil, kendi pratiğim için yaptım. Özellikle Framer Motion'ı yüzeysel kullanmak yerine gerçekten kavramak istiyordum: route geçişlerinde animasyon, scroll'a bağlı hareket, spring fiziği. Sektörden bağımsız kurgusal bir mimarlık stüdyosu üzerinden, gösterişli ama gerçek bir arayüz kurmayı hedefledim.
İçeriği değil, etkileşimi merkeze aldım
İçerik (metin, görsel, renk paleti) constants.ts üzerinden ayrıştırıldı; asıl emek route geçişlerine (react-router-dom ve Framer Motion'ın AnimatePresence'ı ile fade/slide), dikey scroll'u yatay harekete çeviren galeriye (useScroll/useTransform) ve imleci takip eden spring fizikli önizleme kutusuna gitti. Bunlar öğrenmek istediğim üç teknik konuydu.
Bir pratik projesi olarak kalmadı
Şablonu daha sonra gerçek bir müşteri işinde (İMTEKYAPI) temel aldım; içerik ve renk paletini değiştirip yeniden kullandım. Pratik amaçlı başlayan bir proje, gerçek bir iş için başlangıç noktası oldu.