https://github.com/vishant007/w_player

Interactive And Responsive UI Music Player
https://github.com/vishant007/w_player

mui-icons nextjs14-typescript react-h5-music-player tailwindcss zustand

Last synced: 8 days ago
JSON representation

Interactive And Responsive UI Music Player

• Host: GitHub
• URL: https://github.com/vishant007/w_player
• Owner: vishant007
• Created: 2024-04-18T06:20:47.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-04-22T08:34:54.000Z (7 months ago)
• Last Synced: 2024-04-27T00:28:13.505Z (7 months ago)
• Topics: mui-icons, nextjs14-typescript, react-h5-music-player, tailwindcss, zustand
• Language: TypeScript
• Homepage: https://w-player.vercel.app
• Size: 8.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
- UI created using NextJS and Tailwind CSS

# Features:

- Interactive and responsive

- Integrated mp3 player

- Added sidebar animations

# Project Structure:

- _assests: This folder contains all the necessary images and audio required throughout the project

- /src/app: Contains the main logic and code of the whole frontend and all the components.

- _components: contains code for the various components used in project.

- dummyData: contains a dummy data like song cover image, artist name, etc.

# Demo Video: 

https://github.com/vishant007/w_player/assets/64253459/22905a8a-75e7-4ea9-b583-ad811db050a3

# To Run On Your Machine:

```bash

npm i

npm run dev

```

- Happy Hacking!!