https://github.com/zehraseren/spotifyweb-clone
Spotify webpage clone with React
https://github.com/zehraseren/spotifyweb-clone
headlessui reactjs redux tailwindcss
Last synced: 5 months ago
JSON representation
Spotify webpage clone with React
- Host: GitHub
- URL: https://github.com/zehraseren/spotifyweb-clone
- Owner: zehraseren
- Created: 2024-02-13T17:47:42.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-07T01:14:53.000Z (almost 2 years ago)
- Last Synced: 2025-01-24T16:12:34.454Z (12 months ago)
- Topics: headlessui, reactjs, redux, tailwindcss
- Language: JavaScript
- Homepage: https://spotify-webpage-clone.vercel.app/
- Size: 330 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Sektörde ismini çokça duyduğumuz sayın [Tayfun Erbilen'in Spotify - Clone](https://youtube.com/playlist?list=PLs3xcd94S4kG_Ma_uqEATj3n0Gqal6uFt&si=Ku4J67fTtPG1_Yqu) eğitim videolarından referans alarak bu projeyi oluşturdum. Proje sayesinde öğrendiğim React bilgilerini pekiştirerek uygulamaya dökme fırsatı yakaladım.
#
# Kullanılan Teknolojiler:
- Redux: Global state yönetimi için kullanıldı.
- Tailwind CSS: Sektörde en çok tercih edilen CSS kütüphanelerinden biri olmasından dolayı proje boyunca kullanıldı.
- React Use: Ses kontrolünü sağlamak için kullanıldı.
- React Range: Ses ve şarkın için verilen değerler arasında slider kontrolü sağlanması için kullanıldı.
- React Router: Routing işlerimleri için tercih edilen bu küütüphane ile tek sayfa üzerinden sayfalar arası geçişin etkin olarak kullanılması sağlandı.
- React Indiana Drag Scroll: Search kısmında içeriği sürükleyerek kaldırmak için kullanıldı.
- Headless UI: Erişibilirlik kolaylığı sağlamak için kullanıldı.
- [Projeyi canlıda görmek için tıklayınız!](https://spotify-web-clone-eight.vercel.app/)
#
