Modern, responsive ve kullanıcı dostu iş yönetim sistemleri web sitesi. React, TypeScript ve Tailwind CSS ile geliştirilmiştir.
- Modern Tasarım: Apple düzeyinde tasarım estetiği
- Responsive: Tüm cihazlarda mükemmel görünüm
- Multi-page: Anasayfa, ürün detay, hakkımızda ve iletişim sayfaları
- Email Entegrasyonu: SMTP ile demo talep ve iletişim formları
- Animasyonlar: Smooth geçişler ve micro-interactions
- SEO Optimized: Arama motorları için optimize edilmiş
- Kapsamlı depo ve stok yönetimi
- Gerçek zamanlı takip
- ERP entegrasyonları
- Mobil uyumluluk
- E-fatura, e-arşiv, e-irsaliye yönetimi
- 10+ muhasebe programı entegrasyonu
- %40 kontör tasarrufu
- Çoklu firma desteği
- Çoklu banka hesap yönetimi
- Otomatik ekstre çekimi
- ERP senkronizasyonu
- Finansal analiz ve raporlama
- Frontend: React 18, TypeScript, Tailwind CSS
- Backend: Node.js, Express
- Email: Nodemailer (SMTP)
- Icons: Lucide React
- Build Tool: Vite
- Routing: React Router DOM
- Projeyi klonlayın
git clone https://github.com/caglayanfaruk/website_needscloud.com.git
cd needscloud- Bağımlılıkları yükleyin
npm install- Environment dosyasını oluşturun
cp .env.example .env- SMTP ayarlarını yapılandırın
.envdosyasını düzenleyin ve SMTP bilgilerinizi girin:
SMTP_HOST=smtp.gmail.com
SMTP_PORT=587
SMTP_USER=your-email@gmail.com
SMTP_PASS=your-app-password
SMTP_FROM="NeedsCloud <your-email@gmail.com>"
RECIPIENT_EMAIL=your-email@gmail.com- Frontend'i başlatın
npm run dev- Backend API sunucusunu başlatın
cd server
node index.jsWeb sitesi http://localhost:5173 adresinde çalışacaktır.
API sunucusu http://localhost:3001 adresinde çalışacaktır.
- Gmail hesabınızda 2-Factor Authentication aktif olmalı
- App Password oluşturun:
- Google Account Settings > Security > 2-Step Verification > App passwords
- "Mail" seçin ve password oluşturun
- Bu password'ü
SMTP_PASSolarak kullanın
- Outlook/Hotmail:
smtp-mail.outlook.com:587 - Yahoo:
smtp.mail.yahoo.com:587 - Custom SMTP: Kendi sunucunuzun ayarları
- Primary: Blue (#3B82F6)
- Secondary: Green (#10B981)
- Accent: Purple (#8B5CF6)
- Success: Green (#10B981)
- Warning: Yellow (#F59E0B)
- Error: Red (#EF4444)
- Font Family: Inter
- Weights: 300, 400, 500, 600, 700
- Line Heights: 150% (body), 120% (headings)
- System: 8px grid system
- Breakpoints:
- Mobile: <768px
- Tablet: 768-1024px
- Desktop: >1024px
- Hero section
- Ürünler showcase
- Özellikler
- İstatistikler
- CTA sections
- WMS:
/product/wms-depo-yonetim-sistemi - E-Dönüşüm:
/product/e-donusum-konnektoru - TanaBanka:
/product/tanabanka-hesap-yonetimi
- Şirket hikayesi
- Misyon & Vizyon
- Değerler
- Çözümler
- İstatistikler
- İletişim bilgileri
- İletişim formu
- Harita (placeholder)
POST /api/demo-request
Content-Type: application/json
{
"name": "string",
"email": "string",
"phone": "string (optional)",
"company": "string (optional)",
"message": "string (optional)"
}
POST /api/contact
Content-Type: application/json
{
"name": "string",
"email": "string",
"subject": "string",
"message": "string"
}
npm run buildBuild dosyaları dist/ klasöründe oluşturulacaktır.
- GitHub repository'yi Netlify'a bağlayın
- Build command:
npm run build - Publish directory:
dist
- GitHub repository'yi Vercel'a bağlayın
- Framework preset: Vite
- Build command:
npm run build - Output directory:
dist
Detaylı kurulum rehberi için Linux Kurulum Rehberi dosyasına bakın.
Bu proje MIT lisansı altında lisanslanmıştır.
- Fork edin
- Feature branch oluşturun (
git checkout -b feature/amazing-feature) - Commit edin (
git commit -m 'Add amazing feature') - Push edin (
git push origin feature/amazing-feature) - Pull Request oluşturun
Herhangi bir sorunuz için:
- Email: info@needscloud.com
- Telefon: +90 000 000 00 00
- İlk sürüm yayınlandı
- WMS, E-Dönüşüm ve TanaBanka ürünleri eklendi
- Responsive tasarım tamamlandı
- Email entegrasyonu eklendi
NeedsCloud - Modern İş Yönetim Çözümleri