FULL STACK - PROJE

Enerta - Akıllı Enerji Yönetim Platformu

Enerta - Akıllı Enerji Yönetim Platformu

Kategori

Full Stack

Teknoloji Sayısı

10 Teknoloji

Proje Türü

Full Stack

📝 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

Next.js 15.1.3React 19.0.0TypeScript 5.7.2Turborepo 2.3.3NextAuth.js 5.0Zustand 5.0.3next-intl 3.26.3pnpm 9.15.0MDXVercel

Ö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

Öne Çıkan Noktalar

Enterprise-level monorepo mimarisi
Next.js 15 App Router ile modern React patterns
Full-stack TypeScript implementation
Production-ready dual deployment
Comprehensive energy management features
Scalable shared package system