/w_player

Interactive And Responsive UI Music Player

Primary LanguageTypeScript

  • 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:

wPlayer.mp4

To Run On Your Machine:

npm i
npm run dev
  • Happy Hacking!!