- Proje Hakkında
- Özellikler
- Teknolojiler
- Sistem Mimarisi
- Klasör Yapısı
- Kurulum
- API Referansı
- Katkı Sağlama
- Lisans
DoodleAI, kullanıcıların mobil veya web üzerinden kendi çizimlerini yapabildiği, yapay zeka ile resim üretebildiği ve toplulukla paylaşabildiği modern bir sanat platformudur. Firebase altyapısı ile güvenli kimlik doğrulama, gerçek zamanlı veri yönetimi ve bulut depolama sunar.
- 🖌️ Tuval Üzerinde Çizim: Mobil ve web uyumlu gelişmiş çizim arayüzü.
- 🤖 Yapay Zeka ile Görsel Üretimi: Prompt yazarak AI destekli resimler oluştur.
- 👥 Topluluk & Keşfet: Diğer kullanıcıların çizimlerini keşfet, oy ver, yorum yap.
- 📈 Profil & İstatistik: Kendi çizimlerini ve AI üretimlerini profilinde sergile.
- 🔒 Güvenli Giriş: Firebase ile e-posta tabanlı kimlik doğrulama.
- 🌗 Karanlık/Parlak Tema: Kişiselleştirilebilir tema desteği.
- Hesap oluşturma ve giriş
- Profil düzenleme ve istatistikler
- Kendi çizimlerini kaydetme ve paylaşma
- AI ile resim üretip kaydetme
- Diğer kullanıcıların çizimlerini keşfetme, oy verme ve yorum yapma
- Gerçek zamanlı veri yönetimi (Firebase RTDB & Firestore)
- Mobil ve web uyumlu responsive arayüz
- Karanlık/aydınlık tema desteği
- Yorum, oy ve favori sistemi
| Teknoloji | Açıklama |
|---|---|
| React Native | Mobil ve web arayüzü |
| Expo | Hızlı geliştirme |
| Firebase | Auth, Firestore, RTDB |
| TypeScript | Tip güvenliği |
| React Navigation | Sekmeli gezinme |
| Pollinations.ai | AI ile görsel üretimi |
- Kullanıcı Arayüzü: React Native + Expo
- Backend: Firebase (Auth, Firestore, RTDB, Storage)
- AI Servisi: Pollinations.ai (prompt tabanlı görsel üretimi)
- Gerçek Zamanlı: Firestore ve RTDB ile anlık veri güncellemeleri
myProject/
├── app/ # Sayfalar ve ana uygulama dosyaları
│ ├── (tabs)/ # Ana sekmeler (canvas, generator, explore, profile)
│ ├── auth/ # Giriş ve kayıt sayfaları
│ ├── firebase.ts # Firebase yapılandırması
│ ├── setup.ts # Firestore koleksiyon kurulumu
├── components/ # Ortak React bileşenleri
│ └── ui/ # UI alt bileşenleri
├── context/ # Tema ve global contextler
├── constants/ # Sabitler (renkler vs.)
├── hooks/ # Özel React hook'ları
├── assets/ # Görseller ve fontlar
├── scripts/ # Yardımcı scriptler
├── package.json # Bağımlılıklar ve scriptler
├── tsconfig.json # TypeScript yapılandırması
└── README.md # Proje dokümantasyonu
-
Depoyu klonla:
git clone <https://github.com/utkuakbay/DoodleAI> cd myProject
-
Bağımlılıkları yükle:
npm install # veya yarn install -
Firebase yapılandırmasını kontrol et:
app/firebase.tsdosyasındaki ayarları kendi Firebase projenize göre düzenleyin.
-
Projeyi başlat:
npm start # veya yarn start- Mobilde test için Expo Go uygulamasını kullanabilirsin.
- Giriş:
/auth/login - Kayıt:
/auth/register - Çizim Kaydet: Firebase RTDB ve Firestore üzerinden otomatik
- AI Görsel Üret: Pollinations.ai API (prompt ile)
- Keşfet: Firestore
imageskoleksiyonu üzerinden
- Fork'la
- Yeni bir dal oluştur (
git checkout -b feature/YeniOzellik) - Değişikliklerini commit et (
git commit -m 'Yeni özellik eklendi') - Dalı gönder (
git push origin feature/YeniOzellik) - Pull Request aç
MIT Lisansı ile lisanslanmıştır. Detaylar için LICENSE dosyasına bakınız.
Herhangi bir sorunda veya katkı için lütfen iletişime geçmekten çekinme!
DoodleAI ile hayal gücünü serbest bırak!