Denizcilik sektörü için geliştirilen global B2B pazaryeri platformu
|
E-ShipSupply, denizcilik sektöründe tedarikçiler ve alıcılar arasında köprü kuran, modern teknolojilerle geliştirilmiş bir B2B pazaryeri platformudur. Rolüm: CTO & Lead Developer Süre: Mart 2025 - Devam ediyor |
E-ShipSupply is a B2B marketplace platform built with modern technologies, bridging suppliers and buyers in the maritime industry. My Role: CTO & Lead Developer Duration: March 2025 - Present |
┌─────────────────────────────────────────────────────────────────┐
│ FRONTEND LAYER │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ │ Next.js 15 │ │ React 19 │ │ TypeScript │ │
│ │ App Router │ │ Server │ │ Strict │ │
│ │ │ │ Components │ │ Mode │ │
│ └─────────────┘ └─────────────┘ └─────────────┘ │
│ │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ │ Tailwind CSS│ │ shadcn/ui │ │ Framer │ │
│ │ v3 │ │ Components │ │ Motion │ │
│ └─────────────┘ └─────────────┘ └─────────────┘ │
└─────────────────────────────────────────────────────────────────┘
│
▼
┌─────────────────────────────────────────────────────────────────┐
│ API LAYER │
│ ┌─────────────────────────────────────────────────────────┐ │
│ │ 90+ RESTful API Endpoints │ │
│ │ Authentication • CRUD • Search • Upload │ │
│ └─────────────────────────────────────────────────────────┘ │
│ │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ │ NextAuth │ │ Zod │ │ Rate │ │
│ │ RBAC │ │ Validation │ │ Limiting │ │
│ └─────────────┘ └─────────────┘ └─────────────┘ │
└─────────────────────────────────────────────────────────────────┘
│
▼
┌─────────────────────────────────────────────────────────────────┐
│ REAL-TIME LAYER │
│ ┌─────────────────────────────────────────────────────────┐ │
│ │ Socket.io Server │ │
│ │ Messaging • Notifications • Live Updates │ │
│ └─────────────────────────────────────────────────────────┘ │
│ │ │
│ ┌─────────┴─────────┐ │
│ │ Redis Adapter │ │
│ │ (Scaling) │ │
│ └───────────────────┘ │
└─────────────────────────────────────────────────────────────────┘
│
▼
┌─────────────────────────────────────────────────────────────────┐
│ DATA LAYER │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ │ PostgreSQL │ │ Prisma │ │ Redis │ │
│ │ Primary │◄─┤ ORM │ │ Cache │ │
│ │ Database │ │ 86 Models │ │ Session │ │
│ └─────────────┘ └─────────────┘ └─────────────┘ │
└─────────────────────────────────────────────────────────────────┘
│
▼
┌─────────────────────────────────────────────────────────────────┐
│ INFRASTRUCTURE │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ │ Turborepo │ │ Docker │ │ GitHub │ │
│ │ Monorepo │ │ Containers │ │ Actions │ │
│ └─────────────┘ └─────────────┘ └─────────────┘ │
│ │
│ ┌─────────────┐ ┌─────────────┐ ┌─────────────┐ │
│ │ LiteSpeed │ │ CloudLinux │ │ Sentry │ │
│ │ Enterprise │ │ Server │ │ Monitoring │ │
│ └─────────────┘ └─────────────┘ └─────────────┘ │
└─────────────────────────────────────────────────────────────────┘
| Technology | Version | Purpose |
|---|---|---|
| Next.js | 15 | React Framework with App Router |
| React | 19 | UI Library with Server Components |
| TypeScript | 5.3 | Type Safety (97% codebase) |
| Tailwind CSS | 3.x | Utility-first CSS |
| shadcn/ui | Latest | UI Component Library |
| Framer Motion | Latest | Animations |
| React Hook Form | Latest | Form Management |
| Zod | Latest | Schema Validation |
| Technology | Version | Purpose |
|---|---|---|
| Node.js | 20 LTS | Runtime Environment |
| Prisma | 5.x | ORM (86 Models) |
| PostgreSQL | 16 | Primary Database |
| Redis | 7.x | Caching & Sessions |
| Socket.io | 4.x | Real-time Communication |
| Technology | Purpose |
|---|---|
| Turborepo | Monorepo Management |
| Docker | Containerization |
| GitHub Actions | CI/CD Pipeline |
| PM2 | Process Management |
| Sentry | Error Tracking |
| LiteSpeed | Web Server |
- NextAuth.js ile JWT tabanlı authentication
- Rol tabanlı erişim kontrolü (RBAC): Admin, Supplier, Buyer, Agent
- Güvenli oturum yönetimi
- İki faktörlü doğrulama desteği
- Socket.io ile anlık mesajlaşma
- Redis adapter ile ölçeklenebilir mimari
- Okundu bilgisi ve yazıyor göstergesi
- Push bildirimleri
- 4 dil: Türkçe, İngilizce, Arapça (RTL), Rusça
- Dinamik dil değiştirme
- SEO-friendly URL yapısı
- Kategori bazlı ürün listeleme
- Gelişmiş filtreleme ve arama
- Toplu ürün yükleme (Excel/CSV)
- Görsel galeri yönetimi
- Gerçek zamanlı istatistikler
- Satış raporları
- Kullanıcı aktivite takibi
-
Monorepo Migrasyonu
- Turborepo ile modüler yapıya geçiş
- Build sürelerinde %60 iyileştirme
- Kod paylaşımı ve tutarlılık
-
Real-time Altyapı
- Socket.io + Redis ile ölçeklenebilir messaging
- 10,000+ eşzamanlı bağlantı kapasitesi
- < 100ms mesaj iletim süresi
-
Performans Optimizasyonu
- Server Components ile bundle size azaltma
- Redis caching ile API yanıt süresi < 50ms
- Lighthouse skoru: 95+
-
Developer Experience
- Strict TypeScript configuration
- ESLint + Prettier + Husky
- Automated testing pipeline
CTO & Lead Developer
├── 🏗️ Sistem Mimarisi Tasarımı
│ ├── Monorepo yapısı kararı
│ ├── Database schema tasarımı
│ └── API endpoint planlaması
│
├── 💻 Full Stack Geliştirme
│ ├── Frontend (Next.js, React)
│ ├── Backend (API, Socket.io)
│ └── Database (Prisma, PostgreSQL)
│
├── 🔐 Güvenlik & DevOps
│ ├── Authentication sistemi
│ ├── CI/CD pipeline kurulumu
│ └── Server yönetimi
│
└── 👥 Teknik Liderlik
├── Code review süreçleri
├── Teknik dokümantasyon
└── Best practices belirleme
🔒 Gizlilik nedeniyle detaylı ekran görüntüleri paylaşılamamaktadır.
Demo için iletişime geçebilirsiniz.
Bu repo, E-ShipSupply projesinin teknik detaylarını sergilemek amacıyla oluşturulmuştur.
This repository is created to showcase the technical details of the E-ShipSupply project.
⭐ Star this repo if you find it interesting!