Fikirler Koda Dönüşünce.
Her biri bir problemi çözmek ve değer yaratmak için tasarlanmış projelerimden seçkiler.
Uysal Oto Kurtarma - Modern Laravel & Tailwind Web Tasarımı
Uysal Oto Kurtarma projesi, Balıkesir ve çevresinde hizmet veren bir yol yardım firması için geliştirdiğim, yüksek performans ve kullanıcı deneyimi (UX) odaklı kurumsal bir web çözümüdür. Projenin temel amacı, yolda kalan kullanıcıların en hızlı şekilde firmaya ulaşmasını sağlamak ve Google aramalarında (SEO) üst sıralarda yer almaktır. Kullanılan Teknolojiler ve Altyapı: Bu projede, güvenli ve ölçeklenebilir bir yapı sunan Laravel framework'ünü tercih ettim. Arayüz tasarımında ise modern ve hızlı yüklenen Tailwind CSS kütüphanesini kullandım. Backend: Laravel (Config-Based Mimarisi ile veritabanısız, ultra hızlı yapı) Frontend: Tailwind CSS, Alpine.js (Hafif ve interaktif mobil menüler) Build Tool: Vite.js (Optimize edilmiş varlık yönetimi) SEO Altyapısı: JSON-LD Schema.org işaretlemeleri, Dinamik Sitemap.xml, Canonical URL yapısı Öne Çıkan Özellikler: Proje, standart bir kurumsal siteden öte, sektöre özel fonksiyonel çözümler içermektedir: Akıllı GPS Entegrasyonu: Kullanıcılar tek tıkla konumlarını alıp WhatsApp üzerinden firmaya gönderebilir. %100 Mobil Uyumluluk: "Mobile-First" yaklaşımıyla tasarlandı; Sticky (Yapışkan) Header ve alt navigasyon barı ile telefondan tek elle kullanıma uygundur. Dinamik Bölge Yönetimi: Hizmet verilen ilçeler için otomatik oluşturulan dinamik sayfalar sayesinde yerel SEO (Local SEO) performansı artırılmıştır. Dark Mode Premium Tasarım: Sektörün güvenini yansıtan, göz yormayan, modern siyah ve turuncu renk paleti. Güvenlik ve Hız: Gereksiz veritabanı sorgularından arındırılmış yapı sayesinde milisaniyeler içinde açılan sayfalar ve SSL güvenliği. Sonuç: Bu proje ile müşteri, dijital görünürlüğünü artırmış ve kullanıcıların hizmete erişim süresini minimuma indirmiştir. Modern web standartlarına tam uyumlu, Google dostu ve sürdürülebilir bir yazılım altyapısı teslim edilmiştir.
Flex Oto Çekici Dijital Dönüşüm Projesi
Sektörün dinamiklerine uygun olarak, yolda kalan kullanıcıların saniyeler içinde yardıma ulaşmasını hedefleyen, hız ve dönüşüm odaklı bir web projesi geliştirdim. Sadece bir tanıtım sitesi değil, bölge odaklı bir yerel SEO canavarı kurguladım. Kullanılan Teknolojiler: Backend: Laravel (Yüksek güvenlik ve performanslı yapı). Frontend: Tailwind CSS (Modern, özelleştirilmiş ve hafif tasarım). Etkileşim: Alpine.js (Hafif ve hızlı kullanıcı etkileşimleri). Sunucu: OpenLiteSpeed & CyberPanel (Maksimum sayfa yükleme hızı). Öne Çıkan Özellikler: Hız Optimizasyonu: Gereksiz yüklerden arındırılmış, statik hızında çalışan dinamik mimari. Gelişmiş Yerel SEO: Edremit Körfezi ve çevresi için kurgulanan bölge bazlı içerik yönetimi sayesinde Google aramalarında üst sıralar. Kusursuz Mobil UX: Acil durumlarda "Tek Tıkla WhatsApp Konum Paylaşma" ve "Hızlı Arama" butonları. Kritik Güvenlik: Let's Encrypt SSL sertifikası ve güvenli form yapıları.
StockIQ: AI Destekli Stok & Satış Yönetim Paneli Arayüzü
StockIQ, işletmelerin stok ve satış verilerini anlık olarak takip edebileceği, yapay zeka destekli bir yönetim panelidir. Bu projede, backend tarafında üretilen karmaşık verilerin son kullanıcıya anlaşılır, şık ve hızlı bir şekilde sunulması hedeflenmiştir. Mevcut veri yapısı, Glassmorphism tasarım diliyle modern bir arayüze dönüştürülmüştür. 🚀 Hedefimiz Neydi? Birçok SaaS projesinde olduğu gibi, güçlü bir backend yapısı mevcuttu ancak kullanıcıyı karşılayan yüz (frontend) eksikti. Hedefimiz: Karmaşık veri tablolarını mobilde bile okunabilir hale getirmek. "Şube Seçimi" gibi dinamik işlemleri sayfa yenilenmeden (SPA hissiyle) gerçekleştirmek. Yöneticilerin kritik kararları hızlı alabilmesi için dikkat çekici AI uyarı alanları tasarlamak. 🛠️ Neler Yaptık? (Frontend Çözümleri) 1. Component Bazlı Mimari (Laravel Blade Partials): Kod tekrarını önlemek ve yönetilebilirliği artırmak için Header, KPI Cards, Overview gibi alanları modüler parçalara (partials) böldük. Bu sayede backend geliştiricileri için entegrasyonu kolay, temiz bir kod yapısı oluşturduk. 2. Tailwind CSS ile Modern Görünüm: Standart Bootstrap kalıplarının dışına çıkarak, Tailwind CSS'in esnek yapısını kullandık. Glassmorphism: Arka plan bulanıklıkları (backdrop-blur) ve yarı saydam katmanlarla derinlik hissi yaratıldı. Gradients & Shadows: Önemli verileri öne çıkarmak için neon efektli gölgelendirmeler ve renk geçişleri uygulandı. 3. Alpine.js ile Hafif Etkileşim: React veya Vue gibi ağır kütüphaneler yerine, projenin hızını düşürmeden interaktiflik katmak için Alpine.js tercih edildi. Dinamik Şube Yönetimi: Navbar üzerindeki dropdown menü ve veri filtreleme işlemleri anlık olarak (client-side) yönetildi. Mobil Menü (Hamburger Menu): Masaüstü menüsü mobilde otomatik olarak gizlenip, dokunmatik dostu bir açılır menüye dönüştürüldü. 4. Responsive (Mobil Uyumlu) Tablolar: Masaüstündeki geniş veri tabloları, mobilde tasarımın bozulmasına neden olur. Bunu önlemek için "Horizontal Scroll" (Yatay Kaydırma) mantığı kurgulandı. Böylece kullanıcılar telefondan girdiklerinde verileri sıkışık değil, parmaklarıyla kaydırarak rahatça inceleyebilir hale geldi. ✨ Öne Çıkan Özellikler AI Öneri Banner'ı: Kritik stok durumlarını bildiren, görsel hiyerarşisi yüksek uyarı alanı. Performans Kartları: Satış, Hedef ve Memnuniyet oranlarını gösteren renk kodlu progress barlar. Karanlık Mod (Dark Mode): Göz yormayan, profesyonel bir dashboard deneyimi.