Skip to content

mmustafasenoglu/react-ats-resume

Repository files navigation

📄 CVFlow - ATS Uyumlu CV Builder

Modern, kullanıcı dostu ve tamamen ücretsiz bir CV oluşturucu. ATS (Applicant Tracking System) sistemleri için optimize edilmiş, profesyonel CV'ler oluşturun.

React Vite Tailwind CSS License

✨ Özellikler

  • ATS Uyumlu: Semantic HTML ve temiz tasarım ile ATS sistemleri tarafından kolayca okunabilir
  • LocalStorage Desteği: Verileriniz tarayıcınızda güvenle saklanır, sayfa yenilense bile kaybolmaz
  • Geçerlilik Puanı: CV'nizin tamamlanma oranını anlık olarak görün
  • Modern Tasarım: Koyu mavi gradient ve glassmorphism efektleri ile premium görünüm
  • Responsive: Tüm cihazlarda mükemmel çalışır
  • PDF Çıktısı: Tek tıkla CV'nizi PDF olarak indirin
  • Hızlı ve Hafif: Backend yok, her şey tarayıcıda çalışır
  • Canlı Önizleme: Yazdıkça CV'nizi gerçek zamanlı görün

Demo

ATS CV Builder Demo

Kurulum

Gereksinimler

  • Node.js 18+
  • npm veya yarn

Adımlar

  1. Repoyu klonlayın:
git clone https://github.com/kullaniciadi/ats-uyumlu-cv.git
cd ats-uyumlu-cv
  1. Bağımlılıkları yükleyin:
npm install
  1. Geliştirme sunucusunu başlatın:
npm run dev
  1. Tarayıcınızda açın: http://localhost:5173

Production Build

npm run build

Build dosyaları dist/ klasöründe oluşturulacaktır.

Kullanım

  1. Kişisel Bilgiler: Ad, e-posta, telefon gibi temel bilgilerinizi girin
  2. Profesyonel Özet: Kendinizi kısaca tanıtın
  3. İş Deneyimi: Çalıştığınız pozisyonları ekleyin
  4. Eğitim: Eğitim geçmişinizi girin
  5. Yetenekler: Becerilerinizi virgülle ayırarak yazın
  6. PDF İndir: Hazır CV'nizi PDF olarak indirin

💡 İpuçları

  • %100 Puan İçin: Tüm alanları doldurun, en az 2 iş deneyimi ve 5 yetenek ekleyin
  • ATS Uyumluluk: Karmaşık grafikler yerine metin tabanlı CV kullanın
  • Örnek Veri: "Örnek Veri Yükle" butonuna tıklayarak nasıl görüneceğini görün

🛠️ Teknolojiler

  • React 18.3 - UI framework
  • Vite 7.3 - Build tool
  • Tailwind CSS 3.4 - Styling
  • LocalStorage API - Data persistence

📁 Proje Yapısı

ats-uyumlu-cv/
├── src/
│   ├── components/
│   │   ├── Editor.jsx      # Form editörü
│   │   ├── Preview.jsx     # CV önizleme
│   │   └── ScoreCard.jsx   # Geçerlilik puanı
│   ├── App.jsx             # Ana uygulama
│   ├── main.jsx            # Giriş noktası
│   └── index.css           # Global stiller
├── public/
├── index.html
└── package.json

Özelleştirme

Renk Şeması

src/index.css dosyasındaki gradient'i değiştirerek tema rengini özelleştirebilirsiniz:

body {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
}

Katkıda Bulunma

Katkılarınızı bekliyoruz! Lütfen şu adımları izleyin:

  1. Fork edin
  2. Feature branch oluşturun (git checkout -b feature/harika-ozellik)
  3. Değişikliklerinizi commit edin (git commit -m 'Harika özellik eklendi')
  4. Branch'inizi push edin (git push origin feature/harika-ozellik)
  5. Pull Request açın

Lisans

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

Yıldız Verin!

Bu projeyi beğendiyseniz, lütfen ⭐ vererek destek olun!

İletişim

Sorularınız için issue açabilir veya benimle iletişime geçebilirsiniz.


Not: Bu proje tamamen açık kaynaklıdır ve ücretsizdir. İş başvurularınızda başarılar dileriz!

About

A privacy-first, ATS-friendly resume builder built with React & Tailwind. No sign-up, runs entirely in your browser.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors