/PlaneScape

Primary LanguageJavaScript

Plane Scape


Proje Açıklaması

Bu proje, uçuş rezervasyon sistemleri için modern bir çözüm sunmayı amaçlamaktadır. Kullanıcılar, uçuş detaylarını görüntüleyebilir ve giriş yaptıktan sonra rezervasyon yapabilirler. Yapmış oldukları rezervasyonları da görüntüleyebilirler. Uygulama, React, Node.js ve MongoDB gibi modern teknolojiler kullanılarak geliştirilmiştir.


İçindekiler

  1. Gereksinimler
  2. Adımlar
  3. Kullanım
  4. Ekran Görüntüleri

Gereksinimler

Projeyi kurmadan önce aşağıdaki yazılımların sisteminizde kurulu olduğundan emin olun:


Adımlar

  1. Depoyu Klonlayın: Proje dosyalarını yerel makinenize klonlayarak başlayın. Terminal veya komut satırı aracılığıyla aşağıdaki komutu çalıştırın:

    git clone https://github.com/ahmetkanbaz/PlaneScape.git

    Bu işlem, projenin bir kopyasını bilgisayarınıza indirir.

  2. Proje Dizinine Geçiş Yapın: Klonlama işlemi tamamlandıktan sonra, projenin yer aldığı dizine geçin:

    cd planescape
    cd backend

    Yukarıdaki komutları teker teker farklı terminallerde çalıştırın.

  3. Bağımlılıkları Yükleyin: Her iki terminal içerisinde de aşağıdaki komutu çalıştırarak gerekli bağımlılıkları yükleyin:

    npm install
  4. Ortam Değişkenlerini Ayarlayın:Projeyi düzgün bir şekilde çalıştırmak için, proje dizininde bir .env dosyası oluşturup aşağıdaki ortam değişkenlerini eklemeniz gerekmektedir (backend):

    MONGO_URI=mongodb://localhost:27017/planescape
    PORT=3001
    
  5. Sunucuyu Başlatın: Ardından backend kısmını çalıştırmak için terminalde aşağıdaki komutu kullanın:

    node app.js

    Diğer terminal üzerinden de frontend kısmında React'i çalıştırmak için aşağıdaki komutu yazın:

    npm start

Kullanım

  1. Tarayıcınızı açın ve http://localhost:3000 adresine gidin.
  2. Anasayfada uçuş listesine göz atabilir, giriş yaparak rezervasyon işlemleri yapabilirsiniz.
  3. Giriş yaparak yaptığınız rezervasyonları Uçuşlarım bölümünden görüntüleyebilir ve yönetebilirsiniz.

Ekran Görüntüleri

Anasayfa

Anasayfa Banner Görüntüsü

Anasayfa Uçuşların Görüntülendiği Kısmın Görüntüsü

Uçuşlarım Sayfası

Uçuşlarım Sayfasının Görüntüsü

Giriş Yap Sayfası

Giriş Yapma Sayfasının Görüntüsü

Kayıt Ol Sayfası

Kayıt Ol Sayfasının Görüntüsü

Footer Kısmı

Footer Görüntüsü