https://github.com/tayfunerbilen/react-tailwind-spotify-clone
Spotify clone with full functionality using React + Tailwind (Not finished)
https://github.com/tayfunerbilen/react-tailwind-spotify-clone
clone react spotify spotify-clone tailwindcss
Last synced: about 1 year ago
JSON representation
Spotify clone with full functionality using React + Tailwind (Not finished)
- Host: GitHub
- URL: https://github.com/tayfunerbilen/react-tailwind-spotify-clone
- Owner: tayfunerbilen
- Created: 2021-09-24T22:13:13.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2022-01-03T16:18:44.000Z (over 4 years ago)
- Last Synced: 2025-04-06T10:57:02.530Z (about 1 year ago)
- Topics: clone, react, spotify, spotify-clone, tailwindcss
- Language: JavaScript
- Homepage: https://react-tailwind-spotify-demo.netlify.app
- Size: 883 KB
- Stars: 328
- Watchers: 9
- Forks: 41
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Tailwind = Spotify Clone
React + Tailwind serisinin bu bölümünde spotify'ın web versiyonunu birlikte kodluyoruz.
1. 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ı
- `` componentinin kodlanması
2. bölümde öğrenecekleriniz
- `` ve `` componentlerinin kodlanması
- `tailwind` için `line-clamp` eklentisi kullanımı
- Accessibility için `headlessui` kullanımı
- `react-router` hookları
3. bölümde öğrenecekleriniz
- `` 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ı
4. bölümde öğrenecekleriniz
- Search bölümünü kodluyoruz
- Drag scrollbar paketini kurup ufak bir carousel hazırlıyoruz
- Bolca tailwind kullanıyoruz :)
5. bölümde öğrenecekleriniz
- Full Screen Player yönetimi
- Full Screen'e özel hook'un kullanımı
- Bolca tailwind :)
6. bölüm hazırlanacak....
## Demo
Şu ana kadar yapılmış son halinin demosu
[https://react-tailwind-spotify-demo.netlify.app/](https://react-tailwind-spotify-demo.netlify.app/)