Skip to content

Jayanth4109/SoundDrift-MusicPlayer

Repository files navigation

🎵 SounDrift-Music Player Web App

A sleek and modern React.js based music player frontend that showcases trending songs, explore new tracks, and manage bookmarks — all designed with a beautiful horizontal and vertical card layout.


✨ Features

  • 🎶 Explore trending songs with eye-catching music cards
  • 🎨 Smooth hover effects revealing Play action
  • ❤️ Bookmark your favorite tracks
  • 📚 Modular component structure (MusicCard, MusicCardHorizontal, MusicSection, etc.)
  • 🖌️ Fully responsive and lightweight design
  • 🎷 Data fetched dynamically from JSON
  • 🔥 Icons powered by iconsax-react

🛠️ Tech Stack

  • React.js
  • TailwindCSS (for styling)
  • Iconsax-react (for icons)
  • JSON (for song data)

🚀 Getting Started

1. Clone the repo

git clone https://github.com/Jayanth4109/SoundDrift-MusicPlayer.git
cd your-repo-name

2. Install dependencies

npm install

3. Run the app

npm run dev

(Or npm start if you use Create-React-App)


📸 Preview

Home Explore Trending Podcasts Bookmarks


📜 License

This project is licensed under the MIT License - feel free to use and modify!


👍🏻 Acknowledgments

  • Inspired by popular music apps like Spotify and Apple Music UI
  • Designed with a focus on clean UX and playful interactivity ✨

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors