Skip to content

Akıllı bilgi kartlarıyla öğrenme deneyimini kişiselleştir! React + Firebase ile geliştirilmiş flashcard uygulaması. 🚀

Notifications You must be signed in to change notification settings

enesyagmur/cardnest

Repository files navigation

CardNest - Akıllı Öğrenme Kartları Uygulaması

Landing

🌐 Canlı Demo

Uygulamayı hemen deneyin: https://cardnest-psi.vercel.app/

📌 Proje Hakkında

CardNest, kullanıcıların öğrenme süreçlerini kolaylaştıran bir bilgi kartı (flashcard) yönetim sistemidir. Spaced Repetition algoritmasıyla kartlarınızı organize edebilir, tekrar sıklıklarını yönetebilir ve öğrenme veriminizi artırabilirsiniz.

Temel Özellikler:

  • 🗂️ Koleksiyonlar halinde kart yönetimi
  • 📊 3 seviyeli kart sistemi
  • ⏳ Akıllı tekrar algoritması
  • 🔍 Hızlı arama ve filtreleme
  • 📱 Tam duyarlı (responsive) tasarım

🛠️ Teknoloji Yığını

Frontend

  • ⚛️ React 19 + Vite
  • 🔥 Firebase (Authentication, Firestore, Storage)
  • 🎨 TailwindCSS + React Icons
  • 🧭 React Router DOM v7
  • 🏗️ Redux Toolkit + Redux Thunk

Yardımcı Kütüphaneler

  • 📝 React Hook Form + Yup Validasyon
  • 🔔 React Hot Toast (Bildirimler)
  • 🆔 UUID (Benzersiz ID'ler)
  • 📅 Date-fns (Tarih işlemleri)

🚀 Kurulum

  1. Depoyu klonlayın:

    git clone https://github.com/kullaniciadi/cardnest.git
    cd cardnest
  2. Firebase yapılandırması:

    • src/firebase/config.js dosyasını kendi Firebase ayarlarınızla güncelleyin
  3. Bağımlılıkları yükleyin ve çalıştırın:

    npm install
    npm run dev

🖼️ Ekran Görüntüleri

Login

Login

Collections Page

Collections

Cards Page

Cards

Practice Page

Practice

Explore Page

Explore

📜 Lisans

MIT Lisansı - Detaylar için LICENSE dosyasına bakınız.

About

Akıllı bilgi kartlarıyla öğrenme deneyimini kişiselleştir! React + Firebase ile geliştirilmiş flashcard uygulaması. 🚀

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages