EcoMetrics - Profesyonel ESG Raporlama ve Sürdürülebilirlik Dashboard

📝 Proje Açıklaması

Next.js 15, TypeScript ve Tailwind CSS ile geliştirilmiş profesyonel ESG (Çevresel, Sosyal ve Yönetişim) raporlama ve sürdürülebilirlik metrikleri dashboard platformu. Modern landing page ve kapsamlı admin paneli ile sürdürülebilirlik verilerini yönetin, analiz edin ve raporlayın. Route Groups ile organize edilmiş yapı: (landing) grup'u ile pazarlama sayfaları, (dashboard) grup'u ile admin paneli. Sürdürülebilirlik temasına uygun profesyonel renk paleti (Dark Green #2E7D32, Medium Green #4CAF50, Light Green #E8F5E9), Inter UI fontu ve Playfair Display başlık fontu ile modern tipografi. Ant Design UI bileşenleri, Recharts ile interaktif grafikler, Framer Motion animasyonları. Dark mode desteği, responsive tasarım ve tam TypeScript tip güvenliği. Authentication sistemi çalışır durumda ve test edilebilir.

Kullanılan Teknolojiler

Özellikler

• 🌿 ESG Reporting - Çevresel, Sosyal ve Yönetişim metrikleri için profesyonel raporlama sistemi
• 🎨 Modern Landing Page - Conversion-optimized, smooth animasyonlarla tasarlanmış landing sayfası
• 📊 Comprehensive Dashboard - ESG metrikleri ve raporlama için kapsamlı admin paneli
• 🎨 Design System - Sürdürülebilirlik temasına uygun tutarlı renk paleti ve design tokens
• 📱 Responsive Design - Mobile-first yaklaşım, tüm cihazlarda kusursuz deneyim
• 🔐 Authentication System - Çalışan ve test edilebilir kimlik doğrulama sistemi
• 🎯 Type Safety - Güçlü geliştirme için tam TypeScript desteği
• ⚡ Performance - Next.js 15 ve Turbopack ile optimize edilmiş hız
• 🗂️ Route Groups - (landing) ve (dashboard) route groups ile organize edilmiş yapı
• 🌓 Dark Mode - Tam dark mode desteği (#1E1E1E background, #2A2A2A card, #E0E0E0 text)
• 📐 Typography System - Inter (UI) ve Playfair Display (Headlines) ile profesyonel tipografi
• 🎨 Color Palette - Primary: Dark Green (#2E7D32), Medium Green (#4CAF50), Light Green (#E8F5E9)
• ✨ Smooth Animations - Framer Motion ile akıcı geçişler ve etkileşimler
• 📈 Interactive Charts - Recharts ile interaktif veri görselleştirme
• 🧩 Ant Design - Production-ready UI bileşenleri
• 🎯 Lucide Icons - Modern ve tutarlı icon sistemi
• 🏗️ Organized Structure - Landing ve Dashboard için ayrı component grupları
• 🔧 Utility Functions - cn() class name merger ve yardımcı fonksiyonlar
• 📦 Shared Components - Button, Card, Container gibi paylaşılan bileşenler
• 🚀 App Router - Next.js 15 App Router ile modern routing

🎨 Tasarım Sistemi

Öne Çıkan Noktalar

🔗 Proje Linkleri