Personal Site Project: Modern Portfolio Websitesi

Merhaba, ben Metehan Şenyer, Kocaeli Üniversitesi Yazılım Mühendisliği öğrencisiyim. Bu proje, projelerimi ve yeteneklerimi sergilemek amacıyla modern web teknolojileri kullanılarak oluşturduğum Personal Site Project adlı kişisel portfolio web sitesidir. Proje, Next.js ve TypeScript kullanımı konusundaki becerilerimi sergilemek ve modern web geliştirme pratiklerini uygulama fırsatı sunmuştur.

🚀 Proje Hakkında

Personal Site Project, Next.js 15 ve TypeScript kullanılarak geliştirilmiş, modern web teknolojilerini temel alan bir portfolio web sitesidir. Amacım, yalnızca teknik gereklilikleri yerine getirmek değil, aynı zamanda kullanıcı dostu ve performanslı bir web deneyimi sunmaktı. Site, Vercel platformu üzerinde yayınlanmakta ve SEO optimizasyonu ile birlikte gelişmiş özellikler sunmaktadır.

🎯 Projenin Temel Amaçları

Next.js 15 kullanarak modern web uygulaması geliştirme
TypeScript ile tip güvenliği sağlama
Responsive Design ile her cihaza uyumlu tasarım (Mobil geliştirmesi sürmekte)
SEO Optimizasyonu ile arama motoru görünürlüğünü artırma
Markdown Integration ile dinamik içerik yönetimi

🛠️ Kullanılan Araçlar

Proje boyunca aşağıdaki araçlar ve kaynaklardan faydalandım:

Next.js: Sunucu tarafı oluşturma ve statik site oluşturma için React çerçevesi
React: Kullanıcı arayüzleri oluşturmak için JavaScript kütüphanesi
TypeScript: Düz JavaScript'e derlenen yazılı bir JavaScript üst kümesi
Tailwind CSS: Hızlı UI geliştirme için bir yardımcı program öncelikli CSS çerçevesi
Font Awesome: İkonlar için.
Markdown: Dinamik içerik yönetimi için
Vercel: Barındırma ve dağıtım için

🌟 Site Özellikleri

Özellik	Açıklama
Modern Tasarım	Okunabilirlik ve kullanıcı deneyimine odaklanan temiz ve minimalist bir tasarım
Duyarlı Tasarım	Masaüstü bilgisayarlarda farklı ekran boyutlarına uyum sağlayan tamamen duyarlı tasarım
Proje Vitrini	Projelerimi açıklamaları, kullanılan teknolojileri ve depo bağlantılarıyla birlikte sergilemek için ayrılmış bir portfolio bölümü
Hakkımda Sayfası	Kendimi, yeteneklerimi ve geçmişimi tanıttığım bir bölüm
İletişim Sayfası	Bana ulaşabileceğiniz yollar
Teknoloji Entegrasyonu	Her proje için dinamik olarak oluşturulan Markdown Parser sağlanarak render edilen teknoloji ikonları
SEO Optimize Edilmiş	Arama motoru görünürlüğünü artırmak için uygulanan SEO en iyi uygulamaları
Karanlık Mod	Düşük ışıklı ortamlarda rahat gezinme için görsel olarak çekici bir karanlık tema

💾 İndirme ve Çalıştırma

Projeyi yerel ortamınızda çalıştırmak için aşağıdaki adımları izleyebilirsiniz:

Ön koşullar

Node.js (v18 veya üstü)
npm veya yarn

Kurulum

Depoyu klonlayın:

git clone https://github.com/metehansenyer/Personal-Site-Project.git

Proje dizinine gidin:
```
cd Personal-Site-Project
```
Bağımlılıkları yükleyin:
```
npm install
```

Uygulamayı Çalıştırma

Geliştirme modu:
```
npm run dev
```
Tarayıcıda görüntülemek için http://localhost:3000 adresini açın.
Production build:
```
npm run build
```
Production sunucusunu başlatın:
```
npm run start
```

🌐 Canlı Demo

Web sitesi şu adreste yayında: who.metehansenyer.tech

🌟 İletişim

Eğer bu proje ilginizi çektiyse ve benimle iletişime geçmek isterseniz:

Email: mthansnyr@gmail.com
LinkedIn: @metehansenyer

Web geliştirme ve yazılım projeleri hakkında her zaman sohbet etmeye açığım!