https://github.com/ansh-rathod/nextjs-musive-app

Web version of Musive app. built in Nextjs with redux-toolkit and TailwindCSS.
https://github.com/ansh-rathod/nextjs-musive-app

audio-player authentication music-player nextjs redux spotify spotify-clone

Last synced: 14 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/ansh-rathod/nextjs-musive-app
• Owner: Ansh-Rathod
• Created: 2022-10-27T10:10:39.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-06-07T06:31:32.000Z (7 months ago)
• Last Synced: 2024-06-07T07:32:54.105Z (7 months ago)
• Topics: audio-player, authentication, music-player, nextjs, redux, spotify, spotify-clone
• Language: TypeScript
• Homepage: https://musive.vercel.app
• Size: 16.9 MB
• Stars: 50
• Watchers: 3
• Forks: 19
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://github.com/Ansh-Rathod/Musive-backend-2.0) is written in nodejs with PostgreSQL (more info vist backend repo).




## Demo





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











### Home Page











### Artist Profile Page











### Search Page













### Genre Page











### Library Page











### Collections Page










## Getting Started

First, Deploy the backend server from instractions are in [backend repo](https://github.com/Ansh-Rathod/Musive-backend-2.0):

- Change the url variable in file config/url.ts

- Check out the Algolia integration section in [backend repo](https://github.com/Ansh-Rathod/Musive-backend-2.0) for search feature.

```bash

npm run dev

# or

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.




# Contact me

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