Öğrenme, görev yönetimi ve not alma süreçlerini tek bir platformda birleştiren modern bir web uygulaması.
- 🔐 Güvenli Kimlik Doğrulama - Email/şifre ile kayıt ve giriş, güvenli oturum yönetimi
- 📁 Kategoriler - Öğrenme alanlarını kategorize edin (Yazılım, Siber Güvenlik, İngilizce vb.)
- ✅ Görev Yönetimi - Durum, öncelik ve ilerleme takibi ile görevler oluşturun
- 📝 Not Tutma - Markdown destekli notlar, kategoriler ve görevlerle ilişkilendirme
- 📊 Dashboard - Genel ve kategori bazlı ilerleme takibi
- 🌓 Karanlık/Aydınlık Tema - Sistem tercihine göre otomatik tema
- 📱 Responsive Tasarım - Tüm cihazlarda mükemmel görünüm
- Framework: Next.js 14 (App Router)
- Dil: TypeScript
- Veritabanı: PostgreSQL (Neon) + Prisma ORM
- Kimlik Doğrulama: NextAuth.js
- Stil: Tailwind CSS
- UI Bileşenleri: Radix UI
- Form Yönetimi: React Hook Form + Zod
- Animasyonlar: Framer Motion
- Node.js 18+
- npm veya yarn
- Bağımlılıkları yükleyin:
npm install- Ortam değişkenlerini ayarlayın:
.env.local (önerilir) dosyası oluşturun:
# Neon / PostgreSQL connection string
DATABASE_URL="postgresql://USER:PASSWORD@HOST/DB?sslmode=require"
NEXTAUTH_URL="http://localhost:3000"
NEXTAUTH_SECRET="your-super-secret-key-change-in-production"Not: Prisma migrate komutları
.envdosyasını okuyabilir; uygulamanın kullandığı DB ile migration yapılan DB'nin aynı olduğundan emin olun.
- Veritabanını oluşturun:
npm run db:migrate- Demo verileri yükleyin (opsiyonel):
npm run db:seed- Geliştirme sunucusunu başlatın:
npm run devUygulama http://localhost:3000 adresinde çalışacaktır.
Seed çalıştırıldıysa:
- Email: demo@progressor.dev
- Şifre: demo123456
src/
├── app/ # Next.js App Router
│ ├── (auth)/ # Auth sayfaları (login, register)
│ ├── (dashboard)/ # Dashboard sayfaları
│ ├── api/ # API route'ları
│ └── layout.tsx # Root layout
├── components/ # React bileşenleri
│ ├── ui/ # Temel UI bileşenleri
│ ├── dashboard/ # Dashboard bileşenleri
│ ├── categories/ # Kategori bileşenleri
│ ├── tasks/ # Görev bileşenleri
│ ├── notes/ # Not bileşenleri
│ └── settings/ # Ayarlar bileşenleri
├── lib/ # Yardımcı fonksiyonlar
│ ├── auth.ts # NextAuth yapılandırması
│ ├── db.ts # Prisma client
│ ├── validations.ts # Zod şemaları
│ └── utils.ts # Utility fonksiyonlar
├── hooks/ # Custom React hooks
├── providers/ # Context providers
└── types/ # TypeScript tipleri
POST /api/auth/register- Yeni kullanıcı kaydıPOST /api/auth/[...nextauth]- NextAuth endpoints
GET /api/categories- Tüm kategorileri getirPOST /api/categories- Yeni kategori oluşturGET /api/categories/[id]- Tek kategori getirPATCH /api/categories/[id]- Kategori güncelleDELETE /api/categories/[id]- Kategori sil
GET /api/tasks- Tüm görevleri getir (filtreleme destekli)POST /api/tasks- Yeni görev oluşturGET /api/tasks/[id]- Tek görev getirPATCH /api/tasks/[id]- Görev güncelleDELETE /api/tasks/[id]- Görev sil
GET /api/notes- Tüm notları getir (filtreleme destekli)POST /api/notes- Yeni not oluşturGET /api/notes/[id]- Tek not getirPATCH /api/notes/[id]- Not güncelleDELETE /api/notes/[id]- Not sil
GET /api/dashboard- Dashboard istatistikleri
# Prisma client oluştur
npm run db:generate
# Şemayı veritabanına uygula
npm run db:push
# Migration oluştur
npm run db:migrate
# Prisma Studio aç
npm run db:studio
# Seed verilerini yükle
npm run db:seednpm run lintnpm run build
npm run start- Çoklu dil desteği (i18n)
- Mobil uygulama (React Native)
- Gelişmiş analitik ve raporlama
- AI destekli öneriler
- Takım/organizasyon desteği
- API rate limiting
- Export/Import özellikleri
MIT License