CV'nizi Saniyeler İçinde Yapay Zeka ile Web Sitesine Çevirin
Klasik PDF CV'ler artık dikkat çekmiyor. Kendi web siteni yapmak ise zor ve pahalı geliyordu... Şimdiye kadar.
Artık "yazılımcı tanıdık" aramanıza veya pahalı site tasarımlarına gerek yok. Yapay zeka sizin için Senior Front-End Developer gibi çalışıyor.
Tek ihtiyacınız olan şey mevcut CV'niz ve aşağıya bıraktığım prompt.
Nasıl yapılır?
Adım 1: Gemini'yi aç
Google Gemini'yi açın (tercihen Pro sürümü) ve Canvas modunu seçin.
Adım 2: CV'ni yükle
CV'nizi (PDF) veya LinkedIn profilinin ekran görüntülerini yükleyin.
Adım 3: Prompt'u yapıştırın
Aşağıdaki komutu kopyalayıp yapıştırın. Arkanıza yaslanın, sitenin kodlanışını izleyin!
Sen, ödüllü tasarımlar yapan uzman bir Senior Front-End Geliştiricisin.
GÖREV: Ekli dosyada (CV/LinkedIn profili) yer alan tüm bilgileri analiz et ve bu içeriği kullanarak benim için modern, mobil uyumlu (responsive) ve profesyonel bir "Kişisel Portfolyo Web Sitesi" kodla.
TEKNİK GEREKSİNİMLER: 1. Tek Dosya: Tüm HTML, CSS ve JavaScript kodlarını tek bir index.html dosyası içinde ver. (CSS'i style içine, JS'i script içine göm). 2. Kütüphaneler: Tasarım için harici CSS kütüphanesi kullanma (saf CSS3 kullan) veya sadece CDN üzerinden Tailwind CSS kullanabilirsin. İkonlar için FontAwesome CDN kullan. 3. Yazı Tipleri: Google Fonts üzerinden modern bir sans-serif font (örneğin: 'Inter', 'Poppins' veya 'Roboto') kullan.
TASARIM VE YAPI: Web sitesi şu bölümlerden oluşmalı ve aralarında yumuşak geçiş (smooth scroll) olmalı: - Header/Navigasyon: İsmim sol üstte logo gibi, sağda menü linkleri. - Hero Bölümü: İsmim, unvanım, kısa bir özet ve "Bana Ulaşın" butonu. Arka planda şık, minimalist bir desen veya soyut şekiller olsun. - Hakkımda: Dosyadaki özet bilgisini buraya çek. - Deneyim (Timeline): İş geçmişimi kronolojik ve şık bir zaman çizelgesi (timeline) veya kartlar şeklinde listele. - Yetenekler: Yeteneklerimi kategorilere ayırarak (Örn: Frontend, Backend, Tools) şık etiketler (badges) veya ilerleme çubukları ile göster. - Projeler (Varsa): CV'deki projeleri kart yapısında göster. - Footer: Telif hakkı, sosyal medya linkleri (ikonlar) ve iletişim bilgisi.
İÇERİK ANALİZİ: Dosyadaki metinleri birebir anlamını koruyarak daha web uyumlu hale getirerek kullan. Eğer bir fotoğraf bulamazsan, "placeholder" (yer tutucu) bir görsel alanı koy.
STİL NOTLARI: Renk paleti: Koyu tema (Dark Mode) olsun. Arka plan çok koyu gri (#1a1a1a gibi), vurgu renkleri ise elektrik mavisi veya turkuaz olsun. Butonlarda ve kartlarda hafif "hover" (üzerine gelince) efektleri olsun.
Lütfen kodu oluştur ve önizlemesini sağla.
Adım 4: Sonuç
Ve hazır! Elinizde:
- Tek dosya (HTML/CSS/JS)
- Mobil uyumlu
- Modern "Dark Mode" tasarım
- Hemen indirip yayınlamaya hazır
Bonus ipucu
Sonuç çıktıktan sonra Gemini ile konuşmaya devam edip sanki bir tasarımcıyla konuşur gibi düzeltmeler yapabilirsiniz:
- "Rengi mavi değil yeşil yap."
- "Yetenekleri liste yerine kart olarak göster."
- "Fotoğrafımı daire içine al."
Bu yazının orijinali @isicin.ai Instagram hesabında carousel olarak yayınlanmıştır. Bear Blog için makale formatına uyarlanmıştır.