Portföyümü Yaşayan Bir Arcade Yüzeyine Dönüştürmek

13 Haziran'da bu sitenin bir süredir gördüğü en büyük değişikliği yayına aldım: portföy statik bir özgeçmiş sayfası olmaktan çıkıp yaşayan bir sisteme döndü. Görünen parçalar eğlenceli, ama altındaki iş oldukça pratik. Ana sayfada artık Now Building paneli, Ship Log, Skill Tree, canlı Lab kabini, changelog zaman çizelgesi ve portföy ile lab arasında taşınabilen ortak arcade kimliği var.

Neden önemliydi

Kişisel siteler bayatlar çünkü her güncelleme küçük bir CMS işi gibi hissettirir. Yakın işleri gösterecek bir yer, kanıtı gösterecek bir yer ve deneyler için ayrı bir alan istiyordum. Ship Log ilk problemi çözüyor. GitHub ısı haritası ve proje bağlantıları ikincisini çözüyor. Lab kabini de üçüncüsünü çözüyor.

Uygulama şekli

Portföy editoryal içeriği küçük veri dosyalarında tutuyor. Arcade yüzeyleri hardcoded JSX yerine bu dosyalardan okuyor, bu yüzden ne gönderdiğimi güncellemek artık bir içerik değişikliği. Lab ayrı bir site olarak çalışıyor, ama gömülü uygulamalar yüksekliğini portföye bildirebiliyor ve dil/tema parametreleri alabiliyor. Böylece ana sayfa temiz kalırken deneyler bağımsız dağıtılabiliyor.

Asıl ders

Ders, gamification'ı sırf gamification olduğu için yapmak değildi. Gerçekten kullanacağım bakım yolları oluşturmaktı. Site bir ship eklemeyi, now panelini güncellemeyi ve gerçek projeye bağlamayı kolaylaştırırsa kamusal profil canlı kalır. Bunu yapmak yeniden tasarım gerektirirse yine bayatlar.