BOTSCRM, trafikten gelire giden yolu otomatize eden, Glassmorphism tasarım diline sahip, yüksek estetikli bir CRM işletim sistemidir. Google Gemini AI desteği ile mesajları analiz eder, n8n ile dış dünya ile konuşur ve Supabase ile gerçek zamanlı veri senkronizasyonu sağlar.
- AI Lead Parsing: Gelen karmaşık metinleri Gemini AI ile saniyeler içinde yapılandırılmış aday verisine dönüştürür
- n8n Bridge: CRM'inizi Telegram, WhatsApp ve Gmail botlarınıza bağlar
- Real-time Engine: Veritabanındaki her değişiklik tüm panellerde anında güncellenir
- Multi-Industry: E-ticaret, Klinik, Emlak ve daha fazla sektör için hazır şablonlar
- Node.js 18+
- npm veya yarn
- Supabase hesabı (ücretsiz)
git clone https://github.com/botfusions/BOTCRm.git
cd BOTCRmnpm install# .env.example dosyasını .env olarak kopyalayın
cp .env.example .env
# .env dosyasını düzenleyip gerçek değerleri girin:
# - VITE_SUPABASE_URL
# - VITE_SUPABASE_ANON_KEY
# - GEMINI_API_KEY
⚠️ Önemli:.envdosyası Git'e asla eklenmez. Gizli bilgileriniz güvendedir.
npm run devUygulama http://localhost:3000 adresinde çalışacaktır.
BotCRm25122025/
├── 📄 App.tsx # Ana uygulama bileşeni
├── 📄 index.html # HTML giriş noktası
├── 📄 index.tsx # React giriş noktası
├── 📂 components/ # UI Bileşenleri
│ ├── Dashboard.tsx # Ana gösterge paneli
│ ├── Sidebar.tsx # Yan menü
│ ├── Pipeline.tsx # Satış pipeline'ı
│ ├── Leads.tsx # Müşteri adayları
│ ├── Contacts.tsx # Kişiler
│ ├── Companies.tsx # Şirketler
│ ├── Tasks.tsx # Görevler
│ ├── Settings.tsx # Ayarlar
│ └── 📂 landing/ # Landing page bileşenleri
│ ├── Hero.tsx
│ ├── AuthForm.tsx
│ ├── Pricing.tsx
│ └── ...
├── 📂 services/ # API Servisleri
│ ├── client.ts # Supabase client
│ ├── leadService.ts # Lead CRUD işlemleri
│ ├── contactService.ts # Contact CRUD işlemleri
│ ├── companyService.ts # Company CRUD işlemleri
│ ├── taskService.ts # Task CRUD işlemleri
│ └── settingsService.ts # Ayarlar servisi
├── 📄 types.ts # TypeScript tip tanımları
├── 📄 constants.ts # Sabit değerler
├── 📄 vite.config.ts # Vite yapılandırması
├── 📄 tailwind.config.js # Tailwind CSS yapılandırması
├── 📄 .env.example # Environment değişkenleri örneği
└── 📄 .gitignore # Git ignore kuralları
| Tablo | Açıklama |
|---|---|
bots_leads |
Müşteri adayları |
bots_contacts |
Kişi bilgileri |
bots_companies |
Şirket bilgileri |
bots_tasks |
Görev ve iş takibi |
bots_settings |
Kullanıcı ayarları (API keys, SMTP) |
user |
Uygulama kullanıcıları |
account |
Hesap bağlantıları |
session |
Oturum yönetimi |
🔥 Master SQL Setup (Tıklayın ve Kopyalayın)
-- 1. Adaylar (Leads)
CREATE TABLE IF NOT EXISTS bots_leads (
id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
created_at TIMESTAMP WITH TIME ZONE DEFAULT now(),
full_name TEXT NOT NULL,
email TEXT UNIQUE NOT NULL,
phone TEXT,
source TEXT,
status TEXT DEFAULT 'New Lead',
value NUMERIC DEFAULT 0,
tags TEXT[],
last_activity TIMESTAMP WITH TIME ZONE DEFAULT now(),
avatar_url TEXT
);
-- 2. Görevler (Tasks)
CREATE TABLE IF NOT EXISTS bots_tasks (
id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
created_at TIMESTAMP WITH TIME ZONE DEFAULT now(),
title TEXT NOT NULL,
completed BOOLEAN DEFAULT false,
due_date DATE,
assigned_to TEXT,
lead_id UUID REFERENCES bots_leads(id) ON DELETE SET NULL
);
-- 3. Kişiler (Contacts)
CREATE TABLE IF NOT EXISTS bots_contacts (
id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
created_at TIMESTAMP WITH TIME ZONE DEFAULT now(),
full_name TEXT NOT NULL,
title TEXT,
email TEXT UNIQUE,
phone TEXT,
avatar_url TEXT,
status TEXT DEFAULT 'Active',
company_id TEXT
);
-- 4. Ayarlar (Settings)
CREATE TABLE IF NOT EXISTS bots_settings (
user_id UUID PRIMARY KEY REFERENCES auth.users(id),
full_name TEXT,
email TEXT,
openai_key TEXT,
supabase_url TEXT,
supabase_key TEXT,
n8n_webhook_url TEXT,
updated_at TIMESTAMP WITH TIME ZONE DEFAULT now()
);- Glassmorphism: Şeffaf katmanlar, bulanık arka planlar (backdrop-blur) ve neon ışık detayları
- Dark-First: Göz yormayan, profesyonel karanlık mod odaklı arayüz
- Responsive: Masaüstünden mobil cihazlara tam uyum
- Amber/Gold Accent: Premium hissi veren altın renk tonları
- ✅ Supabase credentials
.envdosyasında saklanır - ✅
.envdosyası.gitignoreile korunur (GitHub'a ASLA gitmez) - ✅ Anon key ile Row Level Security (RLS) kullanılır
- ✅ HTTPS üzerinden güvenli iletişim
- ✅ Şifre güçlülük kontrolü: Min 8 karakter, 1 büyük, 1 küçük, 1 rakam
- ✅ Demo mode tracking: Oturum izleme ve güvenlik denetimi
- ✅ TypeScript strict mode ile tip güvenliği
| Komut | Açıklama |
|---|---|
npm run dev |
Geliştirme sunucusunu başlatır (port 3000) |
npm run build |
Production build oluşturur |
npm run preview |
Production build'i önizler |
- Fork yapın
- Feature branch oluşturun (
git checkout -b feature/amazing-feature) - Değişikliklerinizi commit edin (
git commit -m 'Add amazing feature') - Branch'inizi push edin (
git push origin feature/amazing-feature) - Pull Request oluşturun
MIT License - Detaylar için LICENSE dosyasına bakın.
Developed with ❤️ by BotFusions Team | 2024-2025
⭐ Star us on GitHub
⭐ Star us on GitHub
