Aykhan Ashrafov — siber güvenlik mühendisi portfolyosu
Blue team ve red team alanlarında çalışan bir siber güvenlik mühendisi için tek sayfalık kişisel portfolyo. React ve Vite ile geliştirildi; terminal estetiği, canlı log paneli ve doğrulanabilir sertifika bölümüyle.
Canlı siteyi gör- Müşteri
- Aykhan Ashrafov — siber güvenlik mühendisi (Cortex XDR, incident response), Bakü
- Rol
- Konsept, görsel dil, frontend geliştirme, animasyonlar ve yayına alma — projenin tüm aşamaları.
- Stack
- React · Vite · Tailwind CSS · Framer Motion
- Tarih
- Şubat 2026
- Dil
- 1 — EN
- Lighthouse (mobil)
- 97
Bir siber güvenlik uzmanının kişisel sitesi sıradan bir CV sayfası olamaz. Bu alanda işe alım yapan kişi üç soruyu birkaç saniyede cevaplamak ister: bu kişi blue team mi, red team mi; hangi araçlarla gerçekten çalıştı ve sertifikaları doğrulanabilir mi. Standart bir portfolyo şablonu bu üç sorunun hiçbirine cevap vermez — alana ait olmayan nötr bir tasarım ise adayı kendi mesleğinin dışında gösterir.
- Terminal estetiği: mono font, komut satırı işaretleri ve durum etiketleri tüm arayüz boyunca
- Hero'da rolü sırayla gösteren etiketler: Blue Team, Red Team, Cortex XDR
- Canlı log paneli — ROOT@AYKHAN-SEC:~ penceresinde satırlar sırayla akıyor (firewall, handshake, trafik taraması)
- «SYSTEM ONLINE» durum göstergesi ve etkisiz hâle getirilmiş tehdit sayacı
- Kronolojik sırayla dört iş deneyimi: şirket, tarih aralığı, görev tanımı ve beceri etiketleri
- Teknik cephanelik üç sütuna ayrıldı: savunma (Blue Team & SOC), saldırı (Red Team & Pentest), mühendislik (Development & DB)
- Her aracın yanında durum etiketi: Active, Scanning, Logging, Engaged, Root Access, Standby
- «Gizlilik seviyesi» etiketli portfolyo bölümü: Classified, Public, Restricted
- Sertifika bölümü: veren kuruluş, tarih, kimlik bilgisi numarası ve doğrulama bağlantısı
- «REQUEST CV» çağrısı ve işe hazır olma durumu
Görsel dil mesleğin kendisinden alındı
Site mono font, komut satırı işaretleri ve terminal penceresi üzerine kuruldu. Bu dekoratif bir seçim değil: bir siber güvenlik uzmanını işe alan kişi gün boyunca tam da böyle ekranlara bakıyor ve bu dili tanıyor. Nötr bir kurumsal şablon aynı içeriği taşırdı, ama adayı alanın dışında gösterirdi — burada tasarımın kendisi bir uzmanlık sinyali.
Blue team ve red team aynı anda gösteriliyor
Bu alanda adaylar genellikle tek bir tarafa aittir. Hero'da her iki etiket sırayla değişiyor, cephanelik ise açıkça savunma ve saldırı sütunlarına ayrıldı. Böylece ziyaretçi ikili profili listeyi okumadan, yapının kendisinden görüyor — ve hangi pozisyon için bakıyorsa kendi sütununu buluyor.
Log paneli statik metnin yapamadığını yapıyor
«Tehditleri izliyorum» cümlesi her CV'de var ve hiçbir şeyi kanıtlamıyor. Bunun yerine hero'da akan bir log penceresi duruyor: firewall engeli, handshake çözümü, trafik taraması. Bu bir iddia değil, işin nasıl göründüğünün bir gösterimi. Aynı ilke etkisiz hâle getirilmiş tehdit sayacı için de geçerli — rakam hareket ettiğinde okunuyor.
Araçların yanında durum etiketi var
Beceri listelerinin sorunu, hepsinin aynı ağırlıkta görünmesidir — Kali Linux'u bir kez kurcalamış kişiyle onu her gün kullanan kişi aynı satırı yazar. Her aracın yanındaki Active, Standby, Root Access gibi etiketler bu farkı tek kelimeyle veriyor ve listeyi gerçek bir kullanım haritasına dönüştürüyor.
Sertifikalar kimlik bilgisi numarasıyla birlikte
Sertifika adı tek başına doğrulanamaz. Bu yüzden her sertifikanın yanında veren kuruluş, tarih, kimlik bilgisi numarası ve doğrulama bağlantısı var. Bu, işe alım yapan kişinin genellikle elle yaptığı işi önceden yapıyor — ve adayın saklayacak bir şeyi olmadığını gösteriyor.
Tek sayfa, çapalı gezinme
Kişisel bir portfolyo çoğu zaman tek oturuşta, yukarıdan aşağıya okunur. Bu yüzden bölümler ayrı sayfalar değil, aynı sayfadaki çapalar: deneyim, cephanelik, sertifikalar, iletişim. Ziyaretçi hiçbir geçiş beklemeden tam tabloyu alıyor, menü ise ihtiyaç duyduğu bölüme doğrudan atlama imkânı veriyor.
Site Şubat 2026'dan beri yayında. PageSpeed Insights ölçümünde mobil performans 97 puan — hero'daki canlı log paneli ve kesintisiz çalışan animasyonlar düşünüldüğünde bu, efektlerin ana içeriğin yüklenmesini geciktirmediğini gösteriyor.
Projenizi konuşalım — genellikle aynı gün yanıt veriyorum.
Nurlan Qadirov — Baku, Azerbaijan