Canlı Proje

Asil Ticaret — Sipariş yönetim sistemi

Babamın su bayisi (İzmir, Asil Su) için React ve Firebase ile kurduğum, backend'li gerçek bir web uygulaması. Tek kod tabanında üç arayüz: müşteri sipariş vitrini, tam donanımlı admin paneli ve saha için sade operatör paneli. İlk uçtan uca full-stack projem; hâlâ canlı.

React 19TypeScriptFirebaseFirestoreChart.js

Nasıl çalışıyor

Ekran görüntüsü buraya/cases/asil-ticaret/system.png

Nasıl başladı

Yazılımı yeni öğrenmeye başlamışken babamın su bayisine yardıma gittim. Orada işlerin ne kadar verimsiz döndüğünü gördüm: siparişler dağınıktı, personel gereksiz yere yoruluyordu. Kuryelik günlerimden Yemeksepeti'nin uygulamasını çok iyi bilen biri olarak, babamların siparişlerini rahatça yönetebileceği bir sistem kurmak istedim. Amaç basitti: personel daha az yorulsun, işletme daha iyi kazansın.

Sektör neden geride

Araştırdıkça su sektörünün teknolojide ne kadar geride kaldığını fark ettim. Sadece büyük firmaların düzgün bir yazılım desteğine erişebildiğini, küçük işletmelerin ise bu tarafta neredeyse yalnız bırakıldığını gördüm. Babam gibi küçük bir bayiye de destek olabilecek bir sistem kurabileceğimi düşündüm.

Nasıl yaptım

Yaklaşık dört ay sürdü. Büyük sipariş uygulamalarının sistematiğinden ilham aldım: ne yapıyorlar, neyi nasıl yönetiyorlar diye bakıp kendi sürümümü kurdum. Ön yüzü React ve TypeScript ile, arka tarafı Firebase (Auth, Firestore, Storage, Hosting) ile yazdım. İlk kez gerçek anlamda backend'li bir web sitesi kuruyordum; giriş sistemini, veri modelini ve güvenlik kurallarını çoğunlukla yapay zeka desteğiyle yol boyunca öğrenerek ilerledim.

Üç ayrı arayüz

Tek kod tabanı üç farklı kullanıcıya hizmet ediyor. Müşteri tarafı mobil öncelikli bir sipariş vitrini: ürün kataloğu, sepet, üyelik (e-posta veya Google ile), tek dokunuşla tekrar sipariş ve bir sadakat programı (her 9 damacanaya 10.'su hediye). Admin paneli işi yönetenler için: günlük gelir-gider, sipariş ve teslimat takibi, müşteri borç defteri, ürün/stok, kampanyalar ve grafik, PDF ve Excel raporlar. Operatör paneli ise sahadaki çalışan için kasıtlı olarak sadeleştirilmiş, büyük butonlu bir ekran: günün siparişleri, telefonla sipariş ekleme ve boş damacana takibi.

Agora fabrikası

Babamın suyu aldığı marka Agora, tüm bayileri için böyle bir sistem istiyormuş. "Erikli'nin var, Damla'nın var, bizim niye olmasın?" deyip beni fabrikaya çağırdılar. Ben zaten babama bir sistem kurduğum için, bunu tüm bayilere yayabilir miyiz diye konuşmak istediler. Sistemi beğendiler; ek olarak bir çağrı merkezi özelliği istediler: tek bir numara olsun, gelen çağrılar bayilere yönlendirilsin, siparişler otomatik düşsün. Yapabileceğimi söyledim; hatta bana yardımcı olması için deneyimli bir mühendis vereceklerdi. Böylece 100 şubelik bir operasyonun yazılım tarafında çalışacaktım.

Ne oldu

Köklü ve geleneksel sektörlerde inovasyon çok yavaş ilerliyor. Proje maalesef rafa kalktı; Agora'nın hâlâ böyle bir sistemi yok. Sonuçta babamın bayisine kurduğum sistemle kaldım ama o sistem hâlâ canlı çalışıyor. Eksik olan tek şey ödeme altyapısıydı; o da bir ödeme sağlayıcısıyla görüşülünce entegre edilebilecek bir detaydı.

Ne öğrendim

Bu projede ilk kez uçtan uca bir şey kurdum: backend'li bir web sitesi, bir sipariş sistemi ve temelde bir e-ticaret mağazası mantığı. Firestore veri modelini, müşteri-sipariş-teslimat akışını ve panel metriklerini kurarak öğrendim. Ama en çok şunu gördüm: doğru bir motivasyonun ve yapay zekanın desteğiyle, neyi neden yaptığını bildiğin sürece neredeyse her şeyi inşa edebiliyorsun.

Birlikte çalışalım →