WEB TEKNOLOJİLERİ PROJESİ: TEK SAYFALIK PORTFOLYO UYGULAMASI (SPA)

Bu proje, Sakarya Üniversitesi Web Teknolojileri dersi için modern web standartları kullanılarak geliştirilmiş bir Tek Sayfalık Uygulama portfolyomdur.

KULLANILAN TEKNOLOJİLER

• 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 GEREKSİNİMLERİ VE ÖZELLİKLERİ

Proje, ders gereksinimleri doğrultusunda aşağıdaki temel özellikleri içermektedir:

1. Tek Sayfalık Uygulama (SPA) Mimarisi

• 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-content id'li ana <main> etiketi içerisine dinamik olarak yüklenir.

2. Veri Çekme (Fetch API)

• Tüm portfolyo içeriği (Hakkımda metni, projeler listesi vb.), data/portfolio.json dosyasından Fetch API kullanılarak asenkron olarak çekilir.

3. Responsive (Duyarlı) Tasarım

• 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.

4. Dinamik İçerik ve Proje Listeleme

• Projelerim sayfası, JSON dosyasından çekilen verilerle otomatik olarak kartlar halinde listelenir.

5. Form Doğrulama

• İletişim sayfasında yer alan form, JavaScript ile istemci tarafında boş alan ve geçerli e-posta adresi kontrolünden geçirilir.