40-React-YouTube-Clone Tailwind Templates

40 React Youtube Clone

Tailwind, axios, react-player

📺 YouTube Benzeri Uygulama 🎥

Bu proje, kullanıcıların video içeriklerini görüntüleyebildiği bir YouTube benzeri uygulama geliştirmek için oluşturulmuştur. Kullanıcılar, videolar arasında gezinebilir, arama yapabilir ve video detaylarını görüntüleyebilirler. Uygulama React Router ile yönlendirme işlemlerini gerçekleştirmektedir.

📸 Sunum

Sunum

💻 Projede Neler Var?

  • 🏠 Ana Sayfa: Popüler videoların listelendiği ana sayfa.
  • 🔍 Arama Özelliği: Kullanıcıların videolar arasında arama yapabilmesi.
  • 🎥 Video Detay Sayfası: Seçilen videonun detaylarının görüntülendiği sayfa.
  • Yükleniyor Göstergesi: Videolar yüklenirken kullanıcıya gösterilen bekleme göstergesi.

🛠️ Projede Yapılanlar

  • ⚛️ React Kullanımı: Kullanıcı dostu bir arayüz geliştirmek için React kullanıldı.
  • 🔀 React Router Entegrasyonu: Sayfalar arasında geçiş yapmak için React Router kullanıldı.
  • 🌐 API Entegrasyonu: Video verilerini almak için RapidAPI üzerinde çalışan bir YouTube API'si kullanıldı.
  • 🎨 Modern Tasarım: CSS ve Tailwind ile estetik bir kullanıcı arayüzü oluşturuldu.

🚀 Kullanılan Teknolojiler

  • React ⚛️: Kullanıcı arayüzü oluşturmak için kullanılan popüler bir JavaScript kütüphanesi.
  • React Router 🔀: Uygulama içinde yönlendirme işlemleri için kullanıldı.
  • Axios 📦: API'den veri çekmek için kullanılan bir kütüphane.
  • Tailwind CSS 🎨: Uygulamanın estetik görünümünü sağlamak için kullanılan CSS çerçevesi.
  • JavaScript 🖥️: Projenin temel programlama dili.

Top categories

Loading Svelte Themes