Music City
React 18TypeScriptTailwind CSSRedux ToolkitVite
A Persian/international music streaming app that streams live 30-second previews from the iTunes Search API — no API key required. Includes favorites, curated playlists, artist pages, real-time search, dark/light mode, and PWA support.
Project TypePersonal
Tech StackReact 18, TypeScript, Tailwind CSS, Redux Toolkit, Vite
Features2 sections covered
Key Features
Live music data — Real tracks from iTunes Search API (new releases + top hits), no API key needed
30-second previews — In-browser audio player with play/pause, seek timeline, and prev/next controls
Favorites playlist — Like any track to save it to a personal playlist, persisted in localStorage
Playlists — Curated genre playlists: Pop, Rap, Rock, Chill, Romantic, and more
Artists — Directory with individual artist pages showing their tracks and follower count
Real-time search — Search by song or artist name; browse by Genre and Mood categories
Dark / Light mode — Theme toggle persisted across sessions
PWA support — Installable as a progressive web app on any device
Screenshots
01
Home & Featured Tracks
Home page with a featured slider, curated playlists grid, new releases, and top songs — all loaded live from the iTunes API.
02
Track Player & Search
Full audio player with seek timeline and prev/next controls, plus real-time search by song or artist and genre/mood browsing.
