Web Platformu & E-Ticaret
KozyHoliday Rezervasyon Platformu
Kaş bölgesine hizmet veren bir misafir rezervasyon platformu, mülk sahibi portalı ve iç back-office sistemini ortak bir tasarım sistemi ve API katmanı üzerinde geliştirdik.
- React
- TypeScript
- Next.js App Router
- Vite
- React Router
- Tailwind CSS
- HeroUI
- Auth0
Problem
Misafir, mülk sahibi ve iç ekip için ayrı ayrı geliştirilmesi gereken üç farklı arayüz, ortak bir tasarım dili ve tek bir API katmanı olmadan sürdürülemez hale geliyordu.
Çözüm
Üç uygulamayı tek bir npm Workspaces monorepo'sunda, paylaşılan bir tasarım sistemi ve API katmanıyla geliştirdik; arama, rezervasyon, tesis yönetimi ve finans akışlarını uçtan uca kurduk.
Başlangıç durumu
KozyHoliday, Antalya'nın Kaş bölgesinde güvenli rezervasyon sunan bir platform olarak konumlanıyordu. Üç farklı kullanıcı grubu vardı: konaklama arayan misafirler, tesislerini yöneten mülk sahipleri ve operasyonu yürüten iç ekip.
Bu üç grubun ihtiyaçları birbirinden farklı ama veri ve tasarım açısından ortak bir zemine ihtiyaç duyuyordu. Ayrı ayrı geliştirilen arayüzler tekrar eden kod ve tutarsız deneyim üretiyordu.
Nasıl ilerledik?
Üç uygulamayı tek bir npm Workspaces monorepo'sunda topladık ve ortak bir tasarım sistemi ile API istemci katmanı kurduk. Böylece bir bileşen veya uç nokta bir kez yazılıp üç uygulamada tutarlı şekilde kullanıldı.
Misafir tarafında arama ve rezervasyon yolculuğunu; mülk sahibi portalında tesis yönetimini; back-office'te takvim, ödeme ve finans akışlarını kurduk. Türkçe ve İngilizce yerelleştirme baştan planlandı.
Teknik çözüm
Uygulamalar React ve TypeScript ile geliştirildi; misafir sitesi Next.js App Router, portal ve back-office Vite + React Router üzerine kuruldu. Arayüz Tailwind CSS ve HeroUI ile, animasyonlar Framer Motion ile üretildi.
Kimlik doğrulama Auth0, form doğrulama React Hook Form ve Zod, çok dillilik react-i18next ile yönetildi. Grafikler Recharts, harita entegrasyonu Google Maps ile sağlandı; dağıtım Docker ile yapılandırıldı.
Sıradaki proje sizinki olsun
Benzer bir ihtiyacınız varsa kısa bir görüşmeyle nasıl ilerleyebileceğimizi konuşalım.