Skip to content

parsherr/modern-portfolio

Repository files navigation

Personal Portfolio

🔥 My own version (its modified of this) : https://parsher.xyz



⭐ 40 starda büyük bi güncelleme getireceğim. Müşteri yorumları gibi şeyler eklenecek :>



Bu proje, Next.js, React, TypeScript ve Tailwind CSS kullanılarak geliştirilen kişisel portföy sitesidir. Kendi projelerimi, becerilerimi ve hakkımda bilgileri içeren modern ve şık bir web sitesi sunar.

🚀 Özellikler

  • Next.js ile hızlı ve optimize edilmiş sayfalar
  • 🎨 Tailwind CSS ile modern ve şık tasarım
  • 🔥 TypeScript ile güçlü ve güvenli kodlama deneyimi
  • 🚀 Github ve Discord API'ları ile otomasyon
  • 🚀 Siteye anlık olarak dinlediğiniz şarkı, yazdığınız proje ve oynadığınız oyun düşer
  • 📜 SEO dostu dinamik sayfalar
  • 📱 Mobil uyumlu, duyarlı tasarım
  • 📂 Referans işlerim bölümleri
  • 📂 Github repolarım bölümleri
  • 📧 Animasyonlar ile desteklenmiş tasarımlar

📦 Teknoloji Altyapısı

  • Framework: Next.js
  • Programlama Dili: TypeScript
  • Stil Kütüphanesi: Tailwind CSS
  • Animasyonlar: Framer Motion

🚀 Kurulum

Gereksinimler

  • Node.js (En son LTS sürümü)
  • npm veya yarn
  • Git

Projeyi Çalıştırma

  1. Projeyi klonlayın:

    git clone https://github.com/your-username/personal-portfolio.git
    cd personal-portfolio
  2. Bağımlılıkları yükleyin:

    npm install  # veya yarn install
  3. Geliştirme modunda başlatın:

    npm run dev  # veya yarn dev
  4. Tarayıcınızda açın: http://localhost:3000

📂 Proje Yapısı

personal-portfolio/
├── public/        # Statik dosyalar (ikonlar, resimler vb.)
├── src/           # Kaynak kodlar
│   ├── components/  # Bileşenler
│   ├── pages/       # Next.js sayfaları
│   ├── styles/      # CSS ve Tailwind konfigürasyonu
│   ├── hooks/       # Özel React Hook'ları
│   ├── utils/       # Yardımcı fonksiyonlar
│   ├── data/        # Statik veriler
└── next.config.js  # Next.js yapılandırma dosyası

🌟 Deploy

Projeyi aşağıdaki platformlardan birine kolayca deploy edebilirsiniz:

  • Vercel: vercel
  • Netlify: netlify deploy
  • GitHub Pages: Statik HTML olarak oluşturup yükleyin

📜 Lisans

Bu proje MIT Lisansı ile lisanslanmıştır. Detaylar için LICENSE dosyasına göz atabilirsiniz.


Made with ❤️ by Parsher