Skip to content

cloynet/fetchProject

Repository files navigation

🎬 Movie DB

TMDB API ile veri çekme ve listeleme uygulaması. Proje, popüler ve en çok oy alan filmleri görüntülemektedir.

A web app for fetching and displaying movies from TMDB API. The project showcases popular and top-rated movies.


🚀 Quick Links / Hızlı Bağlantılar

Next.js React TailwindCSS TypeScript TMDB API Live Demo


✨ Features / Özellikler

Icon Feature (EN) Özellik (TR)
📡 API Data Fetching TMDB API üzerinden film verilerini fetch etme.
🍿 Movie Listings Popüler ve en çok oy alan filmleri listeleme.
🏷️ Category Filtering Kategori bazlı film filtreleme.
🛠️ Modern Stack React + Next.js + TailwindCSS ile oluşturulmuştur.

🛠️ Technologies / Teknolojiler

Bu proje, modern ve tip güvenli bir deneyim sunmak için aşağıdaki araçlarla inşa edilmiştir:

This project is built with the following tools to deliver a modern and type-safe experience:

Icon Technology / Teknoloji Role / Görev (TR) Role / Görev (EN)
⚛️ Next.js 15 & React 18 Uygulamanın temel iskeleti ve arayüz yapısı. The core framework for building the application structure and UI.
💨 TailwindCSS Hızlı ve responsive tasarım için utility-first CSS. A utility-first CSS framework for fast and responsive design.
📜 TypeScript Daha güvenli ve ölçeklenebilir kod yazımı için tip kontrolü. Type checking for safer and more scalable code development.
🎬 TMDB API Film verilerinin (isim, poster, puan vb.) alındığı harici kaynak. The external source for fetching movie data (titles, posters, ratings, etc.).

⚡ Setup / Kurulum

Projeyi yerel ortamınızda çalıştırmak için aşağıdaki adımları izleyin:

  1. Depoyu Klonlayın / Clone the repository:

    git clone [https://github.com/cloynet/moviedb-fetch.git](https://github.com/cloynet/moviedb-fetch.git)
    cd moviedb-fetch
  2. Bağımlılıkları Yükleyin / Install dependencies:

    npm install
    # veya / or
    yarn install
  3. Geliştirme Sunucusunu Başlatma / Start the Development Server:

    npm run dev
    # veya / or
    yarn dev

    Tarayıcınızda görüntülemek için http://localhost:3000 adresini açın. / Open http://localhost:3000 to view it in your browser.


🗺️ Usage / Kullanım

Rota / Route Açıklama / Description
/ Ana Sayfa; popüler ve en çok oy alan filmlerin listesi. / Homepage; listing popular and top-rated movies.
/category/:id Seçilen kategori ID'sine göre filtrelenmiş film listesi. / Movies filtered by the selected category ID.

🔗 Live Demo & Repository

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published