← Listeye dön

Proje

Full-Stack Portfolio Web Sitesi

25 Ağustos 2025Projeyi ziyaret et ↗
ReactTailwind CSSASP.NET Core
Full-Stack Portfolio Web Sitesi
Projeden ekran görüntüsü

Kişisel çalışmalarımı, sertifikalarımı ve makalelerimi dinamik olarak sunan bir full-stack portfolio projesi. Backend tarafı Clean Architecture ve CQRS ile kurgulandı; AutoMapper ile DTO–Entity dönüşümleri standartlaştırıldı. Yönetim (admin) sayfaları için backend’de FluentValidation tabanlı istek doğrulama kullanıldı. Frontend React ve Tailwind CSS ile hızlı, modern ve erişilebilir bir arayüz sunar.

Mimari Yaklaşım

  • Backend (.NET): Clean Architecture katmanları (Domain, Application, Infrastructure, API) ve CQRS akışı.
  • Haritalama: AutoMapper ile ViewModel/DTO ↔ Entity dönüşümleri.
  • Doğrulama: Admin istekleri ve form verileri için FluentValidation.
  • API: Projeler, sertifikalar ve makaleler için REST uçları (listeleme, detay vb.).
  • Frontend (React): Bileşen tabanlı yapı, durum yönetimi ve yeniden kullanılabilir UI parçaları.

Öne Çıkanlar

  • Modüler mimari: Bakımı kolay, test edilebilir ve genişletilebilir yapı.
  • Dinamik içerik: Proje/Sertifika/Makale içerikleri API üzerinden yönetilir.
  • Hızlı arayüz: Tailwind ile hafif, responsive tasarım ve akıcı geçişler.
  • Temiz kod: Sorumluluk ayrımı, açık katman sınırları ve tip güvenliği.

Neler Yapıyor?

  • Projeler: Kart görünümü, detay sayfaları ve zengin metin açıklamalar.
  • Sertifikalar: Listeleme, filtreleme ve belge bağlantıları.
  • Makaleler: Kısa özetler ve detay sayfalarına yönlendirme.
  • Admin: İçerik ekleme/düzenleme için doğrulamalı yönetim akışları.

Teknolojiler

  • .NET (Web API), Clean Architecture, CQRS
  • AutoMapper, FluentValidation
  • React, Tailwind CSS