APPYtext
Appykod'un kendi geliştirdiği deneysel arayüz projesi: 80'ler ve 90'ların teletext ekranlarını modern web teknolojileriyle yeniden canlandıran, sayfa numarasıyla gezilen retro portfolyo deneyimi.
Proje Hakkında
APPYtext, Appykod ekibinin kendi geliştirdiği deneysel bir arayüz çalışmasıdır. Amaç, 1980'ler ve 1990'ların televizyon teletext sistemlerinin görsel dilini ve etkileşim mantığını modern bir React uygulamasında yeniden kurmaktı. Site klasik teletext mantığıyla çalışır: her bölüm bir sayfa numarasına karşılık gelir (100 Ana Sayfa, 200 Hakkımda, 300 Projeler, 400 Deneyim, 500 İletişim). Ziyaretçi renkli bloklara tıklayarak ya da doğrudan sayı tuşlarıyla sayfa numarası girip Enter'a basarak geziniyor; girilen numara ekranın köşesinde canlı gösteriliyor. Dönemin ekran hissini yeniden üretmek için CRT tarama çizgileri ve parlama efekti, piksel imleç, VT323 bitmap tipografisi ve sınırlı teletext renk paleti (kırmızı, yeşil, mavi, sarı, camgöbeği, macenta) kullanıldı. Uygulama React dışında bağımlılık taşımıyor; tüm efektler Vite üzerinde saf CSS ile üretiliyor ve proje Docker + Nginx yapılandırmasıyla tek komutta ayağa kalkıyor.
Kullanılan Teknolojiler
- React
- Vite
- JavaScript
- CSS3
- Docker
- Nginx
Karşılaşılan Zorluklar
Teletext'in kısıtlı görsel diline — sabit renk paleti, blok grafikler, tek tip bitmap yazı — sadık kalırken sitenin bugünün geniş ekranlarında okunabilir kalması gerekiyordu. Ayrıca sayı tuşlarıyla sayfa çağırma gibi dönemin etkileşim modeli, fare ve dokunmatik kullanan modern ziyaretçiyi çıkmazda bırakmamalıydı.
Uygulanan Çözümler
CRT tarama çizgisi, parlama ve piksel imleç efektlerini harici bir kütüphane kullanmadan saf CSS ile kurduk; böylece uygulama React dışında bağımlılık taşımıyor ve çok hızlı açılıyor. Gezinme için iki yol birlikte sunuldu: renkli bloklara tıklama ve klasik sayı tuşu + Enter girişi. Tipografi ve blok ölçüleri geniş ekranlarda okunacak şekilde büyütüldü, renk paleti ise döneme sadık bırakıldı.
Galeri
Hizmetlerimiz
Dijital Dönüşümünüzü Hızlandırıyoruz
Modern teknolojiler ve yaratıcı çözümlerle işletmenizi geleceğe taşıyoruz.