Öğrenme deneyiminizi kişiselleştiren, yapay zeka destekli yeni nesil eğitim platformu... Ama bu sadece başlangıç. Gerçek soru: Eğitim nedir? Bilinç nedir? Öğrenmek nedir?
AkılHane, standart eğitim platformlarının ötesine geçerek her öğrencinin bireysel ihtiyaçlarına odaklanır. Sadece soru çözmekle kalmaz, zayıf yönlerinizi tespit eder, size özel çalışma stratejileri sunar ve öğrenme sürecinizi akıllı bir asistanla destekler. Amacımız, eğitimi daha verimli, erişilebilir ve kişisel hale getirmektir.
Bu proje, BTK Akademi & Google & Girişimcilik Vakfı Hackathon'25 için geliştirilmiştir.
- AI Destekli Soru Üretimi: Google Gemini AI ile otomatik olarak yüksek kaliteli sorular oluşturan, konu ve zorluk seviyesine göre özelleştirilebilen akıllı sistem.
- AI Destekli Ders ve Konu Üretimi: Kategori, zorluk seviyesi ve özel yönergeler ile otomatik olarak dersler ve konular oluşturan, kalite kontrolü yapan ve öğrenme hedefleri belirleyen AI sistemi.
- AI Topic Explainer: Markdown formatında konu anlatımları üreten, adım adım öğrenme süreci sağlayan AI sistemi.
- AI Görsel Üretimi: Pollinations.ai ile konuya özel, alakalı görseller üreten AI sistemi.
- AI Tutor ile Anında Yardım: Anlamadığınız sorularda size ipuçları veren, adım adım çözüm sunan ve konuyu özetleyen yapay zeka öğretmeni.
- Etkileşimli AI Sohbet: Ders konuları hakkında yapay zeka ile sohbet etme ve derinlemesine bilgi alma imkanı.
- Sesli AI Asistan: Türkçe konuşma tanıma ve sentez ile sesli etkileşim.
- Akıllı Resim Üretimi: AI sohbetinde otomatik görsel üretimi ve localStorage'da saklama.
- Türkçe Konuşma Tanıma: Web Speech API ile gerçek zamanlı ses tanıma
- Sesli Komutlar: "Soru oku", "Şıkları oku", "Açıklama oku", "İpucu oku" komutları
- Text-to-Speech: AI yanıtlarını Türkçe sesli okuma
- Sesli Navigasyon: Uygulamayı tamamen sesle kontrol etme
- Gerçek Zamanlı Transcript: Konuşma sırasında anlık metin dönüşümü
- Kişiselleştirilmiş Öğrenme Asistanı: Performansınıza göre size özel testler ve konular öneren akıllı sistem.
- Akıllı Flashcard'lar: Spaced Repetition (Aralıklı Tekrar) algoritması ile çalışan, öğrenmenizi optimize eden dijital kartlar.
- Detaylı Performans Analizi: Gelişiminizi takip edebileceğiniz görsel grafikler ve istatistikler.
- Markdown Destekli İçerik: Zengin formatlanmış, kod blokları ve görsel elementler içeren eğitim materyalleri.
- Gelişmiş Chat History: Resim önizlemeleri ile zenginleştirilmiş konuşma geçmişi.
- PWA (Progressive Web App): Çevrimdışı çalışma ve mobil cihazınıza uygulama gibi kurma desteği.
- Sesli Asistan Desteği: "Soru oku", "cevabı göster" gibi komutlarla uygulamayı sesle kontrol etme.
- Responsive Design: Tüm cihazlarda mükemmel görünüm ve kullanım deneyimi.
- Dark/Light Mode: Kullanıcı tercihine göre tema değiştirme.
- Gelişmiş Hata Yönetimi: Spesifik hata mesajları ve kullanıcı dostu bildirimler.
- Kapsamlı Yönetim Panelleri: Hem dersleri hem de soruları kolayca yönetebileceğiniz arayüzler.
- Gelişmiş Profil Yönetimi: Avatar yükleme/silme, şifre değiştirme ve veri yönetimi özellikleri.
- Cloudinary Avatar Sistemi: Güvenli avatar yükleme ve yönetimi.
- Güvenli Şifre Değiştirme: Ayrı sayfa üzerinden güvenli şifre güncelleme.
- Veri Yönetimi: Cloud backup, restore, clear ve hesap silme işlemleri.
- Hybrid Storage: localStorage + Supabase ile çevrimdışı çalışma desteği.
Bu proje, enterprise seviyesinde kalite güvencesi standartlarına uygun olarak geliştirilmiştir. Kapsamlı test planımız ve kalite kontrol süreçlerimiz hakkında detaylı bilgi için:
- 📋 QUALITY_ASSURANCE.md - 2000+ satır, 120+ test kategorisi içeren kapsamlı manuel test listesi
- Test Kapsamı: UI/UX, Performance, Security, Accessibility, Cross-browser, Cross-device
- Test Kategorileri: AI Özellikleri, Veri Yönetimi, PWA, Authentication, Analytics
- Test Senaryoları: 600+ spesifik test maddesi ile enterprise seviyesi kalite kontrol
- Responsive Design Testleri - Tüm cihazlarda uyumluluk
- AI Integration Testleri - Google Gemini, Pollinations.ai entegrasyonları
- Security Testleri - Authentication, Authorization, Data encryption
- Performance Testleri - Loading speed, Memory usage, Network optimization
- Accessibility Testleri - Screen reader, Keyboard navigation, High contrast
- Cross-browser Testleri - Chrome, Firefox, Safari, Edge uyumluluğu
- Toplam Test Sayısı: 600+ spesifik test maddesi
- Test Kategorileri: 15+ ana test alanı
- Kalite Skoru: 9.2/10 (Enterprise seviyesi)
- Test Kapsamı: %95+ feature coverage
- Gradient Design Language: Tüm componentlerde tutarlı mavi-mor gradient tasarım dili.
- Glassmorphism Effects: Kartlarda modern cam efekti.
- Responsive Design: Tüm cihazlarda mükemmel görünüm.
- Dark/Light Mode: Kullanıcı tercihine göre tema değiştirme.
- Enhanced Navigation: Avatar display ve gelişmiş menü sistemi.
- Interactive Elements: Hover efektleri ve animasyonlar.
-
🔐 Row Level Security (RLS): Supabase RLS policies ensure data isolation and secure access control
-
📱 Mobile Responsive: Fully responsive design optimized for all device sizes
-
⚡ Progressive Web App (PWA): Offline functionality and native app-like experience
-
🛡️ TypeScript Strict Mode: Complete type safety throughout the application
-
🎯 SEO Optimized: Server-side rendering and meta tags for better search visibility
-
☁️ Cloudinary Integration: Secure image upload and management
-
🔐 Supabase Auth: Complete authentication system with real-time updates
-
🤖 AI-Powered Question Generation: Generate high-quality exam questions using Google's Gemini AI with advanced JSON parsing and error handling
-
✅ Question Review Workflow: Review and approve AI-generated questions before adding to question bank with optional answer visibility
-
📱 Mobile-Responsive AI Interface: Fully responsive AI question generation and review interface
-
💾 Hybrid Data Storage: LocalStorage for offline functionality, Supabase for authenticated users
Bu proje, enterprise-level bir mimari üzerine kurulmuş olup modern web development best practice'lerini takip eder.
┌─────────────────────────────────────────────────────────┐
│ Presentation Layer │
│ (React Components + Next.js Pages + Tailwind CSS) │
├─────────────────────────────────────────────────────────┤
│ Business Logic Layer │
│ (Services + API Routes + Server Actions) │
├─────────────────────────────────────────────────────────┤
│ AI Layer │
│ (Genkit Flows + Google Gemini) │
├─────────────────────────────────────────────────────────┤
│ Data Access Layer │
│ (Drizzle ORM + Repository Pattern) │
├─────────────────────────────────────────────────────────┤
│ Database Layer │
│ (PostgreSQL via Supabase) │
└─────────────────────────────────────────────────────────┘
- Frontend: Next.js 15.3.3 (React 18.3.1) + TypeScript
- Styling: Tailwind CSS + Radix UI + Framer Motion
- Backend: Next.js API Routes + Server Actions
- Veritabanı: PostgreSQL (Supabase) + Drizzle ORM
- AI Entegrasyonu: Google Genkit + Gemini AI
- Auth: Supabase Auth + Row Level Security (RLS)
- Storage: Cloudinary (avatar yönetimi) + Supabase Storage
- PWA: next-pwa + Service Workers
- Intelligent Question Generation: Google Gemini ile otomatik soru üretimi
- AI Topic Explainer: Markdown formatında konu anlatımları üreten AI sistemi
- AI Görsel Üretimi: Pollinations.ai ile konuya özel görseller üreten AI sistemi
- AI Chat with Image Generation: Gerçek zamanlı AI sohbeti ve otomatik görsel üretimi
- Voice Assistant Integration: Türkçe sesli asistan ve komut sistemi
- Quality Validation System: AI ile kalite skorlama ve doğrulama
- Personalized Learning: Performans bazlı zorluk seviyesi ayarlama
- Interactive AI Tutor: Gerçek zamanlı öğrenme desteği
- Spaced Repetition Algorithm: Bilimsel tekrar optimizasyonu
- Enhanced Error Handling: Spesifik hata mesajları ve kullanıcı dostu bildirimler
- 📖 AI Question Generation Guide - AI destekli soru üretimi detayları
- 🚀 AI Deployment Guide - Google Gemini entegrasyonu ve production setup
- 🔧 Environment Setup - Çevre değişkenleri konfigürasyonu
- 🗄️ Supabase Storage Setup - Cloud storage ve dosya yönetimi
- ⚡ Edge Functions Setup - Serverless fonksiyon deployment
- 🎯 Project Blueprint - Proje temel yapısı ve tasarım kılavuzu
- 📊 Technical Analysis - Kapsamlı kod kalitesi ve mimari analizi
💡 Pro Tip: Bu dokümantasyonlar, projenin enterprise-ready seviyede olduğunu ve production deployment için hazır olduğunu gösterir.
-
Google AI API Anahtarı Alın:
- Google AI Studio adresine gidin
- API anahtarı oluşturun
-
Environment Variable Ekleyin:
# .env.local dosyasına ekleyin GEMINI_API_KEY=your_api_key_here -
Projeyi Çalıştırın:
npm install npm run dev
-
AI Soru Üretimini Test Edin:
- Soru Yöneticisi → "AI ile Soru Oluştur"
- Ders ve konu seçin
- AI'ya özel yönergeler verin
- Soruları oluşturun ve onaylayın
📖 Detaylı Kurulum: Kapsamlı AI setup ve deployment bilgileri için AI Deployment Guide ve AI Setup dosyalarını inceleyin.
🗺️ Proje Genel Mimarisi (Mermaid Şeması)
Aşağıda, platformun ana modülleri ve veri akışlarını gösteren yüksek seviyeli bir mimari şema yer almaktadır:
flowchart TD
subgraph UI
Dashboard
Quiz
Flashcard
SubjectManager
QuestionManager
AIChat
VoiceAssistant
AnalyticsDashboard
ProfileSettings
ChangePassword
DataManagement
end
subgraph API
APIRoute
PerformanceService
QuizService
SubjectService
AIService
AvatarService
end
subgraph AI
Genkit
GoogleGemini
CustomFlows
end
subgraph DB
UsersTable
SubjectsTable
QuestionsTable
QuizResultsTable
PerformanceAnalyticsTable
AIRecommendationsTable
FlashcardProgressTable
end
subgraph Cloud
Cloudinary
SupabaseAuth
end
UI --> APIRoute
APIRoute --> PerformanceService
APIRoute --> QuizService
APIRoute --> SubjectService
APIRoute --> AIService
APIRoute --> AvatarService
PerformanceService --> QuizResultsTable
PerformanceService --> PerformanceAnalyticsTable
QuizService --> QuestionsTable
QuizService --> QuizResultsTable
SubjectService --> SubjectsTable
AIService --> Genkit
Genkit --> GoogleGemini
Genkit --> CustomFlows
AIService --> AIRecommendationsTable
Flashcard --> FlashcardProgressTable
AvatarService --> Cloudinary
ProfileSettings --> SupabaseAuth
ChangePassword --> SupabaseAuth
DataManagement --> SupabaseAuth
UsersTable <---> QuizResultsTable
UsersTable <---> PerformanceAnalyticsTable
UsersTable <---> AIRecommendationsTable
UsersTable <---> FlashcardProgressTable
SubjectsTable <---> QuestionsTable
Quiz --> VoiceAssistant
Quiz --> AIChat
Flashcard --> VoiceAssistant
Dashboard --> AnalyticsDashboard
Not: Bu şema, platformun temel veri ve iş akışlarını yüksek seviyede özetler. Detaylı alt modül ilişkileri için kodu inceleyebilirsiniz.
📦 Kurulum ve Çalıştırma Adımları
- Projeyi klonlayın:
git clone https://github.com/melihcanndemir/akilhane.git cd akilhane - Bağımlılıkları yükleyin:
npm install.env.localdosyasını oluşturun:.env.exampledosyasını kopyalayarak kendi API anahtarlarınızı ekleyin.# AI Configuration (Required for AI question generation) GEMINI_API_KEY=your_google_ai_api_key_here # Supabase Configuration NEXT_PUBLIC_SUPABASE_URL=your_supabase_url NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key DATABASE_URL=your_database_url # Cloudinary Configuration (Optional) CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name CLOUDINARY_API_KEY=your_cloudinary_api_key CLOUDINARY_API_SECRET=your_cloudinary_api_secret # Demo Mode (Optional) NEXT_PUBLIC_DEMO_MODE=false- Veritabanını hazırlayın ve başlatın:
npm run db:generate
npm run db:init- Geliştirme sunucusunu başlatın:
npm run dev- Tarayıcınızda
http://localhost:9002adresini açın.
🗄️ Veritabanı Yönetimi
- Migration Oluşturma: Şemada değişiklik yaptığınızda yeni bir migration dosyası oluşturur.
npm run db:generate- Migration'ları Uygulama: Oluşturulan migration'ları veritabanına uygular.
npm run db:migrate- Veritabanı Studio: Veritabanını görsel bir arayüzde incelemek için.
npm run db:studio📊 Veritabanı Şeması
- users: Kullanıcı bilgileri
- subjects: Ders konuları ve detayları
- questions: Soru bankası, seçenekler ve açıklamalar
- quiz_results: Kullanıcıların test sonuçları
- performance_analytics: Konu bazlı performans analizleri
- ai_recommendations: Kişiselleştirilmiş AI ders/konu önerileri
- flashcard_progress: Flashcard'ların öğrenilme durumu
📁 Yeni Sayfalar ve Özellikler
/question-manager- AI destekli soru üretimi ve yönetimi/topic-explainer- AI destekli konu anlatımı ve görsel üretimi/ai-chat- AI Tutor ile etkileşimli sohbet (sesli asistan + resim üretimi)/flashcard- AI destekli akıllı flashcard sistemi- Sesli Asistan - Türkçe konuşma tanıma ve komut sistemi
- Resim Üretimi - AI sohbetinde otomatik görsel üretimi
/profile- Gelişmiş profil ayarları, avatar yönetimi/change-password- Güvenli şifre değiştirme sayfası/data-management- Veri yönetimi (backup, restore, clear, delete)
/api/upload-avatar- Cloudinary avatar yükleme/api/delete-avatar- Cloudinary avatar silme
- Gradient Design Language - Tüm componentlerde tutarlı mavi-mor gradient
- Glassmorphism Effects - Modern cam efekti kartlarda
- Enhanced Navigation - Avatar display ve gelişmiş menü
- Responsive Design - Tüm cihazlarda mükemmel görünüm
- Markdown Destekli İçerik - Zengin formatlanmış eğitim materyalleri
- AI Görsel Entegrasyonu - Konuya özel görsel üretimi
- Sesli Asistan Arayüzü - Türkçe sesli komutlar ve gerçek zamanlı transcript
- Gelişmiş Chat History - Resim önizlemeleri ile zenginleştirilmiş konuşma geçmişi
- Akıllı Hata Yönetimi - Kullanıcı dostu hata mesajları ve spesifik bildirimler
Bu proje eğitime ve teknolojiye meraklı herkesin katkısına açıktır.
- Bu repoyu fork'layın.
- Yeni bir feature branch oluşturun (
git checkout -b feature/AmazingFeature). - Değişikliklerinizi commit'leyin (
git commit -m 'Add some AmazingFeature'). - Branch'inizi push'layın (
git push origin feature/AmazingFeature). - Bir Pull Request açın.
AkılHane - Bilginin ve Zekanın Buluştuğu Yer.