An open API service indexing awesome lists of open source software.

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)

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/)