react-tailwind-spotify-clone
react-tailwind-spotify-clone copied to clipboard
Spotify clone with full functionality using React + Tailwind (Not finished)
React + Tailwind = Spotify Clone
React + Tailwind serisinin bu bölümünde spotify'ın web versiyonunu birlikte kodluyoruz.
-
bölümde öğrenecekleriniz
- React ve tailwind kurulumu
- React Router kurulumu
- Temel componentlerin oluşturulması
- Mevcut sayfalar için view'ların oluşturulması
- SVG iconların oluşturulması
-
<Sidebar />
componentinin kodlanması
-
bölümde öğrenecekleriniz
-
<Navbar />
ve<Home />
componentlerinin kodlanması -
tailwind
içinline-clamp
eklentisi kullanımı - Accessibility için
headlessui
kullanımı -
react-router
hookları
-
-
bölümde öğrenecekleriniz
-
<Player />
componentinin kodlanması - Ses dosyalarını yönetmek için
react-use
paketinin kullanımı - Player range slider için
react-range
paketinin kullanımı - State'leri global olarak yönetmek için
redux
kullanımı
-
-
bölümde öğrenecekleriniz
- Search bölümünü kodluyoruz
- Drag scrollbar paketini kurup ufak bir carousel hazırlıyoruz
- Bolca tailwind kullanıyoruz :)
-
bölümde öğrenecekleriniz
- Full Screen Player yönetimi
- Full Screen'e özel hook'un kullanımı
- Bolca tailwind :)
-
bölüm hazırlanacak....
Demo
Şu ana kadar yapılmış son halinin demosu