Problem

Mesleki deneyimi, teknik çalışma alanlarını ve bilgi paylaşımını anlaşılır bir kişisel vitrinde toplamak. Ziyaretçinin bir e-posta uygulamasına yönlendirilmeden mesaj gönderebilmesi.

Yaklaşım

Sayfalar www’siz tek ana adres ve uzantısız yollar altında sunuluyor. Eski adresler yeni karşılıklarına yönleniyor; çalışan iletişim mekanizması korunuyor. Ortak menü ve alt bölüm, içerik üretim adımıyla sayfalara uygulanıyor. Teknik notlar ve projeler gerçek içerik üzerinden gösteriliyor.

Kullanılan teknolojiler

HTMLCSSJavaScriptNode.js içerik üretimiFormSubmitSitesHostinger Mail

İletişim akışı

Ziyaretçi adını, e-posta adresini, konuyu ve mesajını formda paylaşır. Tarayıcı FormSubmit’in AJAX bağlantısına gönderim yapar; e-posta info@muratbatuhan.com posta kutusuna iletilir. Yanıt adresi, ziyaretçinin bıraktığı e-posta olur. Siteye ait bir mesaj veritabanı bulunmaz.

form → alan kontrolü → FormSubmit → posta kutusu

Kontroller

Alan doğrulama, gönderim sırasında buton kilidi, yinelenen gönderimi önleme, ağ hatası ve zaman aşımı durumları için kod testleri bulunur. Gerçek gönderim testlerinde mesajların posta kutusuna ulaştığı gözlendi. Bunlar Lighthouse veya gerçek cihaz ölçümü anlamına gelmez.

Sonuç ve sınırlar

Çalışan kişisel portföy, ayrı içerik sayfaları ve doğrudan mesaj akışı aynı yapıda birleştirildi. Ana görselin farklı WebP boyutları hazırlandı; hareket azaltma tercihi desteklendi. Performans hedefleri, ölçüm yapılmadan puan olarak raporlanmıyor.

← Projelerime dön