Trip It!
Web
11.04.2026
Product Designer, Frontend Designer & Geliştirici
- Tensorix
- n8n
- Lovable
- GoogleADK
- Leaflet
- React
11.04.2026 tarihinde düzenlenen, Tensorix, n8n ve Lovable sponsorluğundaki \"Give(a) go\" workshop'u kapsamında geliştirildi.
🧭 Rolüm
Altı kişilik bir ekiptik. Ürün kararlarına liderlik ettim: Beyin fırtınamızın ardından backend'in sunacağı altyapıya göre arayüzü şekillendirdim, tasarımcılarımızı yönlendiren ürün kararlarını aldım, görevleri ekip içinde paylaştırdım ve sonrasında birlikte sunduğumuz final pitch için uygulamayı hazır hale getirdim.
💡 Fikir Aşaması: Neden bunu yaptık?
Seyahati planlamaya harcadığınız zamanın tadını çıkarmaktan daha uzun sürdüğü o malum \"tatil stresi\"ni hepimiz yaşamışızdır.
Problem: Standart seyahat siteleri size jenerik bir gezilecek yerler listesi sunar. Bütçenizin kısıtlı olması, öğrenci indiriminizin bulunması ya da yürümeyi gerçekten sevip sevmemeniz umurlarında değildir.
Hedef: Tamamen sizin yaşam tarzınıza göre Almanya'da kusursuz optimize edilmiş, gerçekçi 2 günlük bir seyahat planı çıkaran bir AI agent'ın çalışan bir prototipini geliştirmek istedik.
🤝 Süreç: Bir Ekip Çalışması Hikayesi
Bu yüksek enerjili workshop boyunca, hızımızı en üst düzeye çıkarmak için iki ekibe ayrıldık:
Frontend & Ürün (benim ekibim): İnsan odaklı tarafa odaklandık. Lovable kullanarak UI/UX üzerinde çok hızlı iterasyonlar yaptık. Bu sayede \"Bir bütçe slider'ı eklesek nasıl olur?\" aşamasından çalışan bir feature'a dakikalar içinde geçebildik.
Backend & İşin Beyni: Ağır işleri onlar üstlendi. Tensorix (LLM'ler) ve n8n (Agent Orkestrasyonu) kullanarak, adeta yerel bir rehber gibi \"düşünen\" mantığı kurguladılar.
Pitch: Sprint dolu geçen bir hafta sonunun ardından, AI'ın seyahat deneyimindeki pürüzleri nasıl ortadan kaldırabileceğini göstererek çalışan agent'ımızı workshop katılımcılarına sunduk.
🛠️ Nasıl Çalışıyor: \"Sihirli\" Özellikler
Sadece bir link listesi sunmak istemedik; akıllı bir rota oluşturmayı hedefledik.
Adım Hedefi Entegrasyonu: Uygulamaya ne kadar yürümek istediğinizi söyleyin. U-Bahn'a mı binmeniz gerektiğini yoksa keyifli bir yürüyüşün enerjinize uygun olup olmadığını otomatik olarak hesaplasın.
Yerel Bilgi: Uygulama, size gerçekçi bir maliyet tahmini sunmak için Deutschland-Ticket (D-Ticket) ve ISIC Öğrenci İndirimleri gibi Almanya'ya özgü dinamikleri anlar.
Hava Durumuna Duyarlı: Yağmurlu günler için filtreler (müzelere ve kapalı alan kültürüne öncelik vererek) ve bütçeli gezginler için \"Sadece Ücretsiz\" seçenekleri içerir.
TSP Optimizasyonu: Rotanın coğrafi olarak mantıklı olması için Gezgin Satıcı Problemi (TSP) algoritması kullandık; artık şehirde bir uçtan diğerine zikzak çizmek yok!
✨ Çıktılar
Kişiselleştirilmiş Rotalar: 30 saniyenin altında oluşturulan dakika dakika 2 günlük bir plan.
Gerçekçi Bütçeleme: Sadece bir tahmin değil; yemek, ulaşım ve giriş ücretlerini içeren hesaplanmış bir toplam.
Modern UX: Premium bir ürün hissi veren şık ve responsive bir arayüz.
⚙️ Tech Stack
Frontend: React, TypeScript, Tailwind CSS ve Framer Motion (Lovable ile hızlandırılmış UX).
Backend: Tensorix (LLM/ML), n8n (Workflow/Agent Otomasyonu).
Harita: İnteraktif şehir keşfi için Leaflet & React-Leaflet.
Veri Depolama: Seyahat verilerini ve tercihleri yönetmek için Supabase.
“Trip-it sadece bir uygulama değil; AI agent'ları odaklanmış bir ekiple birleştirdiğinizde, bir hafta sonu workshop'unu gerçek hayattaki bir sorunu çözen bir ürüne dönüştürebileceğinizin kanıtı.”