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.
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. |
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.). |
Projeyi yerel ortamınızda çalıştırmak için aşağıdaki adımları izleyin:
-
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
-
Bağımlılıkları Yükleyin / Install dependencies:
npm install # veya / or yarn install
-
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.
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. |
- Canlı Demo / Live Demo: https://fetch-project-six.vercel.app/
- GitHub Deposu / GitHub Repository: https://github.com/cloynet/fetchProject/tree/main
- TMDB API Belgeleri / TMDB API Docs: https://developer.themoviedb.org/docs/getting-started