Skip to content

developergith/music-stream-ui

Repository files navigation

🎵 React Music Player

A modern Music Search & Preview App built with React. Users can search songs, view album covers, and listen to 30-second audio previews directly in the browser.


User Interface

On Laptop


--- ## Features
  • Search songs by keyword
  • 30-second audio preview player
  • Album cover display
  • Fast API search
  • Responsive grid layout
  • Artist & album information

Tech Stack

  • React (Hooks)
  • JavaScript (ES6)
  • Bootstrap
  • Music API (Deezer proxy)

Installation

Clone the repository:

  git clone https://github.com/developergith/music-stream-ui.git

Go to the project folder:

cd music-stream-ui

Install dependencies:

npm install

Run the development server:

npm run dev

API Used

Music data is fetched from a Deezer search API proxy.

Example endpoint:

https://striveschool-api.herokuapp.com/api/deezer/search?q=hindi

App Preview

Features included in the UI:

  • Navbar with search bar
  • Music cards with album artwork
  • Audio preview player
  • Artist & album details

Author

Ayush Nath Motichur


⭐ If you like this project

Give the repository a star ⭐ on GitHub.

About

A fully responsive Spotify-inspired music streaming web app built with modern web technologies. This project replicates core Spotify functionalities including music playback, search, artist/albums listing, and responsive UI.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors