ozlemezgi / galactic_garage

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Galactic Garage

Bu uygulama, Star Wars evrenindeki araçları aramak ve özelliklerini görüntülemek için SWAPI'yi kullanır. Uygulama, API'den alınan verileri kullanarak araçların adını, modelini ve diğer özelliklerini gösterir.

Özellikler ve Ekran Görüntüleri

ekran görüntüsü 1 ekran görüntüsü 2 ekran görüntüsü 3 ekran görüntüsü 4 ekran görüntüsü 5

  • Site ilk açıldığında, en popüler uzay gemilerinin resimleri listelenir.Load more butonunu kullanarak daha fazla uzay gemisi yükleyebilirsiniz.
  • Sayfanın üst kısmında bir arama kutusu yer alır, buradan uzay gemilerini isimlerine veya modellerine göre arayabilirsiniz.
  • Uzay gemisi kartlarının üzerine tıklayarak, ilgili uzay gemisinin detay sayfasına ulaşabilirsiniz.
  • Detay sayfasından geri tuşuna basarak bir önceki sayfaya dönebilirsiniz.
  • Eğer aradığınız uzay gemisi site içinde bulunmuyorsa, uyarı mesajı ile karşılaşırsınız.

Bilgisayarınızda Çalıştırın

Projeyi klonlayın

  git clone https://github.com/ozlemezgi/galactic_garage.git

Proje dizinine gidin

  cd galactic_garage

Gerekli paketleri yükleyin

  npm install
  npm install axios
  npm install react-router-dom@6
  npm install react-icons

Sunucuyu çalıştırın

  npm start

Uygulama http://localhost:3000 adresinde çalışacak şekilde başlatılacaktır.

Geri Bildirim

Herhangi bir geri bildiriminiz varsa, lütfen ozlemezgisari@icloud.com adresinden bana ulaşın.

About


Languages

Language:JavaScript 46.7%Language:CSS 43.3%Language:HTML 10.0%