https://github.com/wilsonle/react-music-player

A clean, minimalistic music player web application.
https://github.com/wilsonle/react-music-player

deved devedwin musicplayer-online react reactjs webapplication

Last synced: about 2 months ago
JSON representation

A clean, minimalistic music player web application.

• Host: GitHub
• URL: https://github.com/wilsonle/react-music-player
• Owner: WilsonLe
• License: gpl-3.0
• Created: 2020-12-03T08:15:41.000Z (over 4 years ago)
• Default Branch: production
• Last Pushed: 2022-12-21T09:02:10.000Z (over 2 years ago)
• Last Synced: 2023-04-26T21:36:10.270Z (about 2 years ago)
• Topics: deved, devedwin, musicplayer-online, react, reactjs, webapplication
• Language: JavaScript
• Homepage: https://wilson-react-music-player.vercel.app/
• Size: 345 KB
• Stars: 38
• Watchers: 1
• Forks: 16
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# A clean, minimalistic react music player web application.

This project was made by following Dev Ed's react course, with some of my personal tweaks. In the course, he used scss modules to style, while I used styled components. I choose to use styled components because of the advantage of being able to style based on props, which is personally, is much more convenient than add class and scss modules.

![alt text](https://i.ibb.co/VtT4JPc/image.png "Vibes music web application")

![alt text](https://i.ibb.co/CtSvzvd/image.png "Vibes music web application with libraries")

## Test it out yourself!

https://wilson-react-music-player.vercel.app/

Clone the repository and start testing out the application yourself!

In the project directory, you can run:

```

// 1. If you have not installed Yarn:

npm install yarn

// 2. Install the dependencies:

yarn install

// 3. Kick start the project in development mode:

yarn start

```

If you're ready to deploy the application to the internet, use:

```

yarn build

```

This will build the app for production to the "build" folder. The Built version will be optimized for best performance.