Doğa Turizm, kullanıcılarına gelişmiş ve kullanıcı dostu bir deneyim sunan bir online biletleme platformudur. Bu React tabanlı projede, kullanıcılar kolaylıkla hesap oluşturabilir, şehirler arası seyahat biletlerini satın alabilir ve gezilecek yerler hakkında şehir rehberinden bilgi alabilirler. Platform, indirim kodları ve kampanyalar ile avantajlı biletler sunarken, satın alınan biletlerin QR kodları sayesinde mobil erişim imkanı sağlar. Ayrıca, kullanıcılar e-faturalarını görüntüleyebilir, biletlerini iptal edebilir veya yönetebilirler.

Yönetici paneli aracılığıyla yetkililer, kullanıcıları ve bilet işlemlerini görüntüleyebilir, kampanya ve duyurular oluşturup düzenleyebilirler. Tüm bu özellikler, modern tasarım ve sorunsuz bir kullanıcı deneyimiyle bir araya getirilmiştir.

Kullanılan Teknolojiler

İstemci: React, Redux, TailwindCSS

Sunucu: Firebase

Kullanılan Paketler

• @headlessui/react: Kullanıcı arayüzü bileşenleri için erişilebilir ve tamamen stilizasyondan bağımsız bir UI kütüphanesi.
• @hookform/resolvers: React Hook Form ile doğrulama şemalarını entegre etmek için kullanılan bir yardımcı kütüphane.
• @reduxjs/toolkit: Redux için yapılandırmayı kolaylaştıran ve performansı artıran bir kütüphane.
• antd: Ant Design bileşen kütüphanesi, şık ve kullanımı kolay bir UI bileşen seti sunar.
• firebase: Gerçek zamanlı veri tabanı, kimlik doğrulama ve diğer arka uç hizmetler için kullanılan popüler bir platform.
• html2canvas: HTML sayfalarını canvas elementine dönüştüren bir kütüphane.
• html2pdf.js: HTML içeriğini PDF'e dönüştürmek için kullanılan bir araç.
• jspdf: PDF belgeleri oluşturmak için kullanılan JavaScript kütüphanesi.
• ldrs: Basit bir loader kütüphanesi.
• lodash: JavaScript için çeşitli yardımcı işlevler sağlayan bir yardımcı kütüphane.
• moment: Tarih ve saat işlemlerini kolaylaştıran bir kütüphane.
• nanoid: Küçük, güvenli ve hızlı benzersiz kimlikler oluşturmak için kullanılan bir kütüphane.
• react: Kullanıcı arayüzleri oluşturmak için en popüler JavaScript kütüphanesi.
• react-dom: React bileşenlerinin DOM ile etkileşim kurmasını sağlayan kütüphane.
• react-firebase-hooks: Firebase ile React Hook API'larını entegre etmeyi kolaylaştıran bir kütüphane.
• react-hook-form: Form yönetimi ve doğrulama işlemleri için hafif bir kütüphane.
• react-icons: Projelerde ikon kullanımı için geniş bir ikon kütüphanesi.
• react-qr-code: QR kodları oluşturmak için kullanılan React bileşeni.
• react-redux: React uygulamalarında Redux ile durumu yönetmek için kullanılan kütüphane.
• react-router-dom: React projelerinde yönlendirme işlemlerini gerçekleştiren kütüphane.
• react-toastify: Bildirim ve geri bildirim mesajlarını kolayca göstermek için kullanılan kütüphane.
• typewriter-effect: Yazı makinesi efektleri oluşturmak için kullanılan küçük bir kütüphane.
• zod: JavaScript/TypeScript için şema tabanlı bir doğrulama kütüphanesi.

Yükleme

Repoyu klonlayın:

 git clone https://github.com/ozmberkan/doga-turizm

Bağımlılıkları yükleyin:

 npm install

Geliştirme sunucusunu başlatın:

 npm run dev

Tip

ENV Dosyalarına sahip olmadığınız için geliştirme sunucusunda hata alınabilir. Canlı demodan görüntüleme şansı bulabilirsiniz.

Ekran Görüntüleri

Teşekkür

• @keremcakir Logo tasarımında bana katkı sağladığı için.

Demo

https://dogaturizm.vercel.app/