TUHAF - Mizahi AI Günlük Planlayıcı

Yapay zeka destekli mizahi günlük planlayıcı ve ruh hali koçu uygulaması. Ruh halini seç, AI görseller üret, görevlerini yönet ve eğlen!

🚀 Özellikler

🤖 AI Özellikleri

• Mood-based AI Görsel Üretimi: 8 farklı ruh hali için özel AI prompt'ları
• Fal.ai Entegrasyonu: Profesyonel görsel üretim servisi
• Job Queue Sistemi: Real-time üretim durumu takibi
• Watermark Sistemi: Free vs Premium ayrımı

📱 Kullanıcı Deneyimi

• Ana Ekran: Günlük görevler, mood önerileri ve son üretimler
• Ruh Hali Eşleştirici: AI destekli müzik, görev ve video önerileri
• AI İşlerim: Tüm üretimleri takip et ve yönet
• Mini Oyunlar: AI destekli uzay gemisi tasarımı ve bulmacalar
• Öğren ve Paylaş: Bilgi paylaşım platformu ve topluluk duvarı

💰 Monetizasyon

• 3 Plan Seviyesi: Basic (€35), Pro (€39), Expert (€79)
• Kredi Sistemi: 1 kredi = 1MP görsel üretimi
• Stripe Entegrasyonu: Güvenli ödeme işlemleri
• Upgrade Flow: Smooth paywall deneyimi

📊 Analytics & Tracking

• PostHog Entegrasyonu: Kullanıcı davranış analizi
• Event Tracking: Mood selection, job completion, purchases
• Conversion Funnel: Paywall → Purchase tracking

🏗️ Teknoloji Stack

Frontend

• React 18 + TypeScript + Vite
• Zustand - Global state management
• React Router v7 - Client-side routing
• Tailwind CSS - Utility-first styling
• Lucide React - Beautiful icons

Backend & Services

• Supabase - Database, Auth, Real-time
• Vercel Functions - Serverless API endpoints
• Fal.ai - AI image generation (Flux models)
• Stripe - Payment processing
• PostHog - Analytics and user tracking

Mobile

• Capacitor - Cross-platform mobile apps
• PWA - Progressive Web App features
• Android APK - Native Android distribution

🚀 Hızlı Başlangıç

# Bağımlılıkları yükle
npm install

# Geliştirme sunucusunu başlat
npm run dev

# Production build
npm run build

🌐 Environment Variables

cp .env.example .env
# Fill in your API keys:
# - Supabase URL & Keys
# - Stripe Keys
# - Fal.ai API Key

📱 Mobil Uygulama (APK) Oluşturma

Gereksinimler

1. Node.js (v16 veya üzeri)
2. Android Studio
3. Java Development Kit (JDK) 8 veya üzeri

Kurulum Adımları

1. Bağımlılıkları yükleyin:

npm install

2. Android için build edin:

npm run build:android

3. APK oluşturun:

npm run build:apk

4. Veya Android Studio'da build edin:

npm run open:android

5. Android Studio'da:
   • Build → Build Bundle(s) / APK(s) → Build APK(s)
   • Debug APK: android/app/build/outputs/apk/debug/
   • Release APK: android/app/build/outputs/apk/release/

Geliştirme Komutları

# Web versiyonu çalıştır
npm run dev

# Android build ve sync
npm run build:android

# APK oluştur (Release)
npm run build:apk

# AAB oluştur (Play Store)
npm run build:aab

# Android emülatörde çalıştır
npm run android

# Android Studio'yu aç
npm run open:android

# Android cache temizle
npm run clean:android

APK İmzalama (Production)

Production APK için:

1. Keystore oluşturun:

keytool -genkey -v -keystore tuhaf-release-key.keystore -alias tuhaf -keyalg RSA -keysize 2048 -validity 10000

2. Keystore'u android/ klasörüne koyun

3. android/app/build.gradle dosyasına signing config ekleyin:

android {
    signingConfigs {
        release {
            storeFile file('../tuhaf-release-key.keystore')
            storePassword 'your-store-password'
            keyAlias 'tuhaf'
            keyPassword 'your-key-password'
        }
    }
    buildTypes {
        release {
            signingConfig signingConfigs.release
            minifyEnabled true
            shrinkResources true
        }
    }
}

4. Signed APK oluşturun:

npm run build:apk

🗄️ Database Setup

1. Supabase Projesi Oluştur
2. Migration Çalıştır:

   -- supabase/migrations/20250818034405_lingering_palace.sql
   -- User profiles, jobs, activities tabloları

3. Auth Ayarları: Email confirmation disabled
4. RLS Policies: User-based data access
5. Webhooks: Stripe integration

🌐 Deployment

Vercel (Web)

vercel --prod

Supabase Setup

1. Create new project
2. Run migration: supabase/migrations/create_initial_schema.sql
3. Configure auth settings
4. Set up webhooks

Stripe Setup

1. Create products & prices
2. Set webhook endpoint: /api/stripe/webhook
3. Test payments in sandbox

🎨 Tasarım

Renk Paleti

• Primary: Emerald (#10b981) - Ana marka rengi
• Secondary: Purple (#8b5cf6) - Vurgu rengi
• Accent: Blue (#3b82f6) - Link ve butonlar
• Warning: Yellow (#eab308) - Uyarılar
• Success: Green (#22c55e) - Başarı mesajları
• Error: Red (#ef4444) - Hata mesajları

Typography

• Font: Inter (Google Fonts)

• Weights: 300, 400, 500, 600, 700

• Renkler: Mint yeşili (#10b981), Gece mavisi (#1e40af), Yumuşak mor (#8b5cf6)

• Font: Inter (rounded, okunabilir)

• UI: Modern, responsive, mikro-animasyonlar

🤖 AI Özellikleri

Mood-based Generation

• 8 Ruh Hali: Uykulu, Havalı, Sinirli, Düşünceli, Mutlu, Üzgün, Çılgın, Huzurlu
• Özel Prompt'lar: Her mood için optimize edilmiş AI prompt'ları
• Dinamik Öneriler: Müzik, görevler, videolar
• Tuhaf Bilgi Kutusu: Eğlenceli hayvan bilgileri

AI Services

• Fal.ai Integration: Flux model kullanımı
• Real-time Processing: Queue → Running → Done
• AI destekli oyunlar

💰 Monetizasyon

• Free: 10 kredi/ay, watermark
• Basic (€35): 400 kredi/ay, watermark kaldırma
• Pro (€39): 600 kredi/ay, yüksek kalite
• Expert (€79): 1500 kredi/ay, maksimum özellikler

📊 Analytics

Tracked Events

• User registration & login

• Mood selection & AI generation

• Job completion & sharing

• Purchase flow & conversions

• User journey tracking

• Conversion funnel

• A/B testing ready

• Performance monitoring

📄 Lisans

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

🤝 Katkıda Bulunma

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📞 İletişim

• Website: tuhaf.app
• Email: hello@tuhaf.app
• Twitter: @tuhafapp

🙏 Teşekkürler

• Fal.ai - AI image generation
• Supabase - Backend infrastructure
• Vercel - Hosting platform

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