Nextjs-Musive-app icon indicating copy to clipboard operation
Nextjs-Musive-app copied to clipboard

Web version of Musive app. built in Nextjs with redux-toolkit and TailwindCSS.

Musive Web App

Explore & download free stock music and use it anywhere you like with spotify web player experience.

Fully working Music player web app built in nextjs with typescript support and tailwindCSS. Used Algolia for fastest search response. Backend is written in nodejs with PostgreSQL (more info vist backend repo).


Demo

logo

Visit deployed web version


Features

  • App includes all Working features that spotify client provides.
  • Available for all screen Mobile, tablet, laptop and desktop.
  • The app is made to give a user full experience of spotify client.
  • It has almost same UI as Spotify for every page.
  • 10,000+ stock music for added.
  • Recordable list for queue management with react-beautiful-dnd.

Image Gallery


Authentication Page



Gallery Image

Home Page



Gallery Image

Artist Profile Page



Gallery Image

Search Page



Gallery Image Gallery Image

Genre Page



Gallery Image

Library Page



Gallery Image

Collections Page



Gallery Image Gallery Image

Getting Started

First, Deploy the backend server from instractions are in backend repo:

  • Change the url variable in file config/url.ts
  • Check out the Algolia integration section in backend repo for search feature.
npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.


Contact me

for backend or any other configuration feel free to contact me.