Skip to content

A modern terminal-style portfolio website built with React, TypeScript, and Styled Components. Features multiple themes, keyboard shortcuts, command history, and ASCII art. Responsive design with a focus on accessibility and user experience.

License

Notifications You must be signed in to change notification settings

parsherr/terminal-portfolio

Repository files navigation

🚀 Terminal Portfolio

Terminal Portfolio Preview

TypeScript React Styled Components Vite

📖 İçindekiler

🌟 Özellikler

  • 🎯 Terminal Benzeri Arayüz: Gerçek terminal deneyimi
  • 🎨 7 Farklı Tema: Dark, Light, Blue Matrix, Espresso, Green Goblin, Ubuntu ve Pink
  • Hızlı & Performanslı: Vite ile optimize edilmiş build
  • 📱 Responsive Tasarım: Tüm cihazlarda mükemmel görünüm
  • ⌨️ Klavye Kısayolları: Verimli kullanım için kısayollar
  • 🔍 Otomatik Tamamlama: TAB tuşu ile komut tamamlama
  • 📦 PWA Desteği: Çevrimdışı kullanım imkanı
  • 🌐 SEO Optimizasyonu: Arama motorları için optimize edilmiş
  • 🔄 Komut Geçmişi: Önceki komutlara kolay erişim

🛠️ Teknolojiler

  • Frontend Framework: React 18 + TypeScript
  • Styling: Styled Components
  • Build Tool: Vite
  • State Management: Context API
  • Testing: Vitest + React Testing Library
  • Deployment: Netlify
  • Package Manager: pnpm
  • Code Quality: ESLint + Prettier

⌨️ Komutlar

Komut Açıklama
help Tüm komutları listele
about Hakkımda bilgi
skills Teknik yetenekler
projects Projeler
contact İletişim bilgileri
themes Tema değiştirme
clear Terminali temizle
history Komut geçmişi
shortcuts Klavye kısayolları

🎨 Temalar

Terminal 7 farklı tema seçeneği sunar:

  • 🌙 Dark: Klasik koyu tema
  • ☀️ Light: Aydınlık tema
  • 🌊 Blue Matrix: Matrix tarzı mavi tema
  • Espresso: Kahve tonlarında tema
  • 🦹 Green Goblin: Yeşil hacker teması
  • 🐧 Ubuntu: Ubuntu terminal teması
  • 🎀 Pink: Modern pembe tema

Tema değiştirmek için: themes set <tema-adı>

🚀 Kurulum

# Repoyu klonla
git clone https://github.com/parsherr/terminal-portfolio.git

# Proje dizinine git
cd terminal-portfolio

# Bağımlılıkları yükle
pnpm install

# Geliştirme sunucusunu başlat
pnpm dev

# Prod build
pnpm build

📱 Responsive Tasarım

  • 📱 Mobil cihazlar (>320px)
  • 📱 Tablet cihazlar (>768px)
  • 💻 Masaüstü (>1024px)
  • 🖥️ Geniş ekranlar (>1280px)

⌨️ Klavye Kısayolları

Kısayol İşlev
Tab Komut tamamlama
Önceki komut
Sonraki komut
Ctrl + L Ekranı temizle
Ctrl + C Komutu iptal et

🔧 Geliştirme

# Test
pnpm test

# Lint
pnpm lint

# Format
pnpm format

# Type Check
pnpm typecheck

🤝 Katkıda Bulunma

  1. Fork'layın
  2. Feature branch oluşturun (git checkout -b feature/amazing-feature)
  3. Commit'leyin (git commit -m 'feat: add amazing feature')
  4. Push'layın (git push origin feature/amazing-feature)
  5. Pull Request açın

📄 Lisans

Bu proje MIT lisansı altında lisanslanmıştır. Detaylar için LICENSE dosyasına bakın.


Built with ❤️ by Parsher

About

A modern terminal-style portfolio website built with React, TypeScript, and Styled Components. Features multiple themes, keyboard shortcuts, command history, and ASCII art. Responsive design with a focus on accessibility and user experience.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published