Skip to content

README.md

Latest commit

 

History

History
84 lines (56 loc) · 2.64 KB

README.md

File metadata and controls

84 lines (56 loc) · 2.64 KB

MultiApiApp

Bu proje, Rapid API'daki farklı API'lerden veri çekerek çeşitli bilgileri bir araya getiren bir full-stack web uygulamasıdır.

Tanıtım

MultiAPI.mp4

Özellikler

  • Döviz Kurları: Güncel DOLAR-TL kur bilgisini gösterir.
  • Google Haberler: Google Haberler'den Türkiye'deki haber başlıklarını listeler.
  • Film Önerileri: Film türü üzerinden kullanıcılara öneriler sunar.
  • Hava Durumu: Şehirler için güncel hava durumu bilgilerini sağlar.
  • Kelime Çevirmeni: İngilizce kelimeyi Türkçeye çevirir.
  • X Trendleri (Eski Twitter): Türkiye'deki popüler konuları (trendleri) gösterir.

Teknolojiler

Backend (MultiApiBackend)

  • ASP.NET Core Web API:
  • C#:

Frontend (multi-api-frontend)

  • React:
  • TypeScript:
  • Vite:
  • TailwindCSS

Kurulum ve Çalıştırma

Projenin hem backend hem de frontend kısımlarını çalıştırmak için aşağıdaki adımları izleyin.

Önkoşullar

Adımlar

  1. Depoyu Klonlayın:

    git clone https://github.com/kayamuhammet/RapidAPIProject.git
cd MultiApiApp

  2. Backend'i Çalıştırın:

    Backend projesi MultiApiBackend dizininde bulunur.

    cd MultiApiBackend
dotnet restore
dotnet run

    Backend başarıyla çalıştığında, API endpoint'lerine genellikle https://localhost:5xxx gibi bir adresten erişilebilir olacaktır (port numarasını konsol çıktısından kontrol edebilirsiniz).

  3. Frontend'i Çalıştırın:

    Frontend projesi multi-api-frontend dizininde bulunur.

    cd ../multi-api-frontend
npm install
npm run dev

    Frontend uygulaması başarıyla çalıştığında, genellikle http://localhost:5173 gibi bir adresten erişilebilir olacaktır.

Kullanım

İlk olarak RapidAPİ sayfası üzerinden "key bilgisini" almalısınız. Aldığınız key bilgisini appsettings.json dosyasına yazmalısınız. Sonrasında projeyi ayağa kaldırabilirsiniz.

"RapidApi": {
    "Key": "xxxxxxxxxxxxxxxxxxxxxxx"
  }

Her iki kısım da (backend ve frontend) çalıştıktan sonra, web tarayıcınızı http://localhost:5173 adresine yönlendirerek uygulamaya erişebilirsiniz. Uygulama, backend API'leri ile iletişim kurarak verileri çekecek ve kullanıcı arayüzünde gösterecektir.