Bu proje, Sakarya Üniversitesi Web Teknolojileri dersi için modern web standartları kullanılarak geliştirilmiş bir Tek Sayfalık Uygulama portfolyomdur.
- HTML5: Anlamsal (Semantic) sayfa yapısı oluşturuldu.
- CSS3: Flexbox ve CSS Grid kullanılarak responsive (duyarlı) tasarım sağlandı.
- JavaScript (ES6+): Uygulamanın dinamik içeriği ve SPA yapısı oluşturuldu.
- Fetch API: Portfolyo verileri harici bir JSON dosyasından asenkron olarak çekildi.
Proje, ders gereksinimleri doğrultusunda aşağıdaki temel özellikleri içermektedir:
- Sayfalar arası geçiş, tarayıcının yenilenmesine gerek kalmadan JavaScript ve URL Hash Yönetimi (
#hakkimda,#projelerim) ile gerçekleştirilir. - İçerik,
app-contentid'li ana<main>etiketi içerisine dinamik olarak yüklenir.
- Tüm portfolyo içeriği (Hakkımda metni, projeler listesi vb.),
data/portfolio.jsondosyasından Fetch API kullanılarak asenkron olarak çekilir.
- CSS Flexbox ve CSS Grid kullanılarak projenin tüm ekran boyutlarında (masaüstü, tablet, mobil) düzgün görüntülenmesi sağlandı.
- Mobil cihazlar için özel menü geçişi mevcuttur.
- Projelerim sayfası, JSON dosyasından çekilen verilerle otomatik olarak kartlar halinde listelenir.
- İletişim sayfasında yer alan form, JavaScript ile istemci tarafında boş alan ve geçerli e-posta adresi kontrolünden geçirilir.