FULL STACK - PROJE
Enerta - Akıllı Enerji Yönetim Platformu
.webp)
Kategori
Full Stack
Teknoloji Sayısı
10 Teknoloji
Proje Türü
Full Stack
Canlı Link
Projeyi Ziyaret Et
Demo Linki
Demo Görüntüle
📝 Proje Açıklaması
Türkiye'nin akıllı enerji yönetim platformu. Turborepo monorepo mimarisine sahip, Next.js 15 ve React 19 ile geliştirilmiş enterprise-level platform. İki ana uygulamadan oluşur: Marketing web sitesi (Landing) ve kullanıcı dashboard'u. Shared packages (@enerta/ui, @enerta/types, @enerta/utils) ile DRY prensibi ve end-to-end TypeScript tip güvenliği sağlanmıştır. Landing uygulaması: Çoklu dil desteği (TR/EN), MDX blog sistemi, SEO optimizasyonu, responsive design. Dashboard uygulaması: NextAuth.js authentication, gerçek zamanlı enerji tüketim takibi, Recharts ile data visualization, Zustand state management, TanStack Query ile server state, IoT cihaz yönetimi, admin paneli, fatura ve lokasyon yönetim sistemleri. Monorepo yapısı sayesinde iki ayrı deployment: Landing (enerta-landing.vercel.app) ve Dashboard (enerta-dashboard.vercel.app).
Kullanılan Teknolojiler
Özellikler
- 🏗️ Turborepo Monorepo Architecture - Modern monorepo yapısı ile kod paylaşımı ve hızlı build'ler
- 📦 Shared Packages - @enerta/ui, @enerta/types, @enerta/utils, @enerta/config paketleri ile DRY prensibi
- 🌐 Dual Deployment - Tek repo'dan iki farklı production deployment (Landing + Dashboard)
- 🌍 i18n Support - next-intl ile Türkçe/İngilizce çoklu dil desteği, locale routing (/tr/, /en/)
- 🔐 NextAuth.js Authentication - Güvenli kullanıcı kimlik doğrulama ve route protection
- 📈 Real-time Energy Monitoring - Gerçek zamanlı enerji tüketim takibi ve analizi
- 📊 Advanced Analytics - Recharts ile interaktif grafikler, tahminler ve öngörüler
- 💾 State Management - Zustand (client state) + TanStack Query (server state) kombinasyonu
- 📝 MDX Blog System - next-mdx-remote ile markdown blog yazıları, kategori sistemi
- 🎨 Design System - Shared UI components, Tailwind CSS, Class Variance Authority
- 📱 Responsive Design - Mobile-first yaklaşım, tüm cihazlarda mükemmel görünüm
- 🚀 Performance - Server Components, build caching, Turborepo optimizasyonu
- 🏠 IoT Device Management - Akıllı cihaz entegrasyonu ve yönetimi
- 📍 Multi-location Support - Çoklu lokasyon yönetimi ve karşılaştırma
- 💰 Billing & Invoices - Fatura yönetimi, ödeme takibi ve raporlama
- ⚙️ Admin Panel - Kullanıcı yönetimi, sistem ayarları, analytics dashboard
- 🎯 Type Safety - End-to-end TypeScript, shared types ile tam tip güvenliği
- ✅ Form Management - React Hook Form + Zod validation
- 🔄 API Routes - Next.js API Routes ile backend functionality
- 🎬 Animations - Framer Motion ile smooth transitions ve micro-interactions
Mimari Yapı
Monorepo
Turborepo ile modern monorepo mimarisi
Uygulamalar
- • Landing App - Marketing web sitesi (Port 3000)
- • Dashboard App - Kullanıcı dashboard'u ve admin paneli (Port 3001)
Paketler
- • @enerta/ui - Paylaşılan UI bileşenleri (Button, Card, Input, vb.)
- • @enerta/types - TypeScript type tanımları (Auth, Consumption, Common)
- • @enerta/utils - Yardımcı fonksiyonlar (formatters, validators)
- • @enerta/config - Environment variables, route tanımları
- • @enerta/i18n - i18n configuration ve utilities
Araçlar
- • @enerta/eslint-config - Shared ESLint konfigürasyonu
- • @enerta/typescript-config - Base TypeScript konfigürasyonu