DEV Community

Cover image for How I Built a Music Player to Showcase my own Tracks ๐ŸŽต๐Ÿ˜

How I Built a Music Player to Showcase my own Tracks ๐ŸŽต๐Ÿ˜

Madza on May 15, 2022

A while ago I built my portfolio and I wrote a custom audio player to showcase my tracks. Since then quite a few people have been interested in its...
Collapse
 
greggcbs profile image
GreggHume โ€ข

You should fork this and make a page where anyone can upload their music - no accounts, nothing like that and all music uploaded is downloadable by the public.

Would be nice to have an open area where music can be shared and downloaded.

Collapse
 
marissab profile image
Marissa B โ€ข

Isn't that what Napster tried to do and got slammed for it because people were uploading copyrighted tracks?

Collapse
 
dumboprogrammer profile image
Tawhid โ€ข

Napster lacked good moderation

Collapse
 
greggcbs profile image
GreggHume โ€ข

why cant everyone just stick to the script and be responsible :( that is a valid point.

Collapse
 
madza profile image
Madza โ€ข

That's another aspect that must be taken into consideration ๐Ÿ˜‰๐Ÿ’ฏ

Collapse
 
mdelong42 profile image
Matt DeLong โ€ข

Sounds like this has been done before and illegal

Collapse
 
madza profile image
Madza โ€ข

Thanks for the idea, might consider it ๐Ÿ‘๐Ÿ˜‰
Currently there is npm package, where users can create self hosted solutions for it ๐Ÿ˜‰

Collapse
 
roman_22c01bcfb71 profile image
Roman โ€ข

If you want to find this project just go to madza.dev/music

Collapse
 
madza profile image
Madza โ€ข

Thanks for checking it out! โœจ๐Ÿ’ฏ

Collapse
 
michaeltharrington profile image
Michael Tharrington โ€ข

This is just so freaking cool!

Also, your beats are dope. The bass on "Persistence" is really doing it for me.

Thanks for sharing!!

Collapse
 
madza profile image
Madza โ€ข

Thank you so much for taking a listen โค๏ธ๐Ÿ’ฏ๐ŸŽต

Collapse
 
alesbe profile image
alesbe โ€ข

Awesome post! I really liked the wireframe structure, made it so clear to understand!
One question, it was difficult to manage all the states storing everything in the parent component? Did you thought about trying Redux? Thanks!

Collapse
 
madza profile image
Madza โ€ข

The default useState hooks were more than enough for this project ๐Ÿ‘โœจ
Imho, redux or other external libs would be overkill ๐Ÿ˜‰

Thank you for the kind words, means a lot ๐Ÿ’ฏ๐Ÿ‘

Collapse
 
crinklywrappr profile image
Daniel Fitzpatrick โ€ข

This post breaks my browser lol.

Collapse
 
madza profile image
Madza โ€ข

Haha, this made my day โœจ๐Ÿ˜‰

Collapse
 
mtwn105 profile image
Amit Wani โ€ข

This is so detailed. Amazing!

Collapse
 
madza profile image
Madza โ€ข

Thank you so much ๐Ÿ‘๐Ÿ˜‰
Glad to hear you liked it โœจ๐Ÿฅณ

Collapse
 
mtwn105 profile image
Amit Wani โ€ข

I hope you win the hackathon! ๐Ÿ’–

Thread Thread
 
madza profile image
Madza โ€ข

There are so many much more talented writers than me! ๐Ÿ˜‰
My biggest win is to be in the same pool of the entries with them ๐Ÿš€๐ŸŽ‰

Collapse
 
ooling profile image
Sam oo Lรญng โ€ข

Can't say anything much but that's awesome!
Thanks for sharing! ๐Ÿ™‚

Collapse
 
madza profile image
Madza โ€ข

Thanks for the support! ๐Ÿ‘โœจ๐Ÿ’ฏ

Collapse
 
zzz6519003 profile image
Snowmanzzz(Zhengzhong Zhao) โ€ข

must need a lot of power to follow through out XD

Collapse
 
madza profile image
Madza โ€ข

Hahah, its not that complicated once you get going ๐Ÿ˜‰๐Ÿ‘

Collapse
 
snelson1 profile image
Sophia Nelson โ€ข

nice stuff

Collapse
 
madza profile image
Madza โ€ข

Thank you so much ๐Ÿ˜‰๐Ÿ‘

Collapse
 
brunoj profile image
Bruno โ€ข

nice stuff

Collapse
 
madza profile image
Madza โ€ข

Thanks a lot ๐Ÿ‘๐Ÿ’ฏ

Collapse
 
masonharper profile image
Mason Marper โ€ข

Nice post

Collapse
 
madza profile image
Madza โ€ข

Glad you liked it ๐Ÿ‘โœจ

Collapse
 
ambriel profile image
Ambriel Goshi โ€ข

thank you

Collapse
 
madza profile image
Madza โ€ข

My pleasure ๐Ÿ‘โœจ

Collapse
 
ikembakwem profile image
Ikechukwu Mbakwem โ€ข

This is kinda cool, well done (Y)

Collapse
 
madza profile image
Madza โ€ข

Thank you a lot! ๐Ÿ‘โœจ๐Ÿ’ฏ

Collapse
 
moose_said profile image
Mostafa Said โ€ข

Great work Madza! I really hope you win the writathon โค

Collapse
 
madza profile image
Madza โ€ข

Thanks a lot, Mostafa! โœจ๐Ÿ‘
My inner win was to get this article done, hopefully other devs will find this useful ๐ŸŽ‰๐ŸŽŠ

Collapse
 
exenestecnico profile image
Ernesto โ€ข

Loved the Crawling remix

Collapse
 
madza profile image
Madza โ€ข โ€ข Edited

Thanks for the listening ๐Ÿ’ฏโค๏ธ๐Ÿ‘

Collapse
 
bobbyiliev profile image
Bobby Iliev โ€ข

Great post Madza! Well done as always!

Collapse
 
madza profile image
Madza โ€ข

Thank you so much, Bobby! ๐Ÿ‘โœจ๐Ÿ’ฏ

Collapse
 
spaboi profile image
SPABOI โ€ข

I love the color theme. Itโ€™s a cool project. Keep up the good work!

Collapse
 
madza profile image
Madza โ€ข

Thank you so much! ๐Ÿ’ฏ๐Ÿ‘

Collapse
 
andrewbaisden profile image
Andrew Baisden โ€ข

Cool guide.

Collapse
 
madza profile image
Madza โ€ข

Thank you so much, Andrew ๐Ÿ‘๐Ÿ’ฏ

Collapse
 
androbro profile image
koen de vulder โ€ข

Thanks for sharing this! very clean and structured way of explaining. Kudos!

Collapse
 
madza profile image
Madza โ€ข

My pleasure ๐Ÿ’ฏโค Thanks a lot ๐Ÿ‘๐Ÿ˜‰

Collapse
 
zirkelc profile image
Chris Cook โ€ข

Really a great post! ๐Ÿ‘๐Ÿป

Collapse
 
madza profile image
Madza โ€ข โ€ข Edited

Means the world, thank you ๐Ÿ˜๐Ÿ’ฏ๐Ÿ‘

Collapse
 
tahsin52225 profile image
Tahsin Ahmed โ€ข

Nice one , Will surely try out myself - Thank you for sharing

Collapse
 
madza profile image
Madza โ€ข

Awesome to hear โค๐Ÿ‘ Thanks a lot! ๐Ÿ’ฏ๐Ÿ˜‰

Collapse
 
madza profile image
Madza โ€ข

Thank you so much, Leonid โœจ๐Ÿ‘
Music projects has always taken special place in my heart ๐Ÿ˜๐Ÿ’ฏ

Collapse
 
foxonthe1 profile image
Fox Scarlett โ€ข

This is great. Well coded and well presented. Your portfolio looks excellent. Inspiring! Thanks!

Collapse
 
madza profile image
Madza โ€ข

Awesome to hear ๐Ÿ‘โœจ

Collapse
 
appdesign profile image
App Design โ€ข

amazing job!

Collapse
 
madza profile image
Madza โ€ข

Thanks a lot ๐Ÿ‘๐Ÿ’ฏ

Collapse
 
marcio199226 profile image
oskar โ€ข

Nice maybe I will use it as media player for my pwa app ytd.surge.sh for peoples who wants share their tracks through my app github.com/marcio199226/ytd/tree/v...

Collapse
 
madza profile image
Madza โ€ข

Thanks for reading ๐Ÿ‘โœจ๐Ÿ’ฏ

Collapse
 
ivis1 profile image
Ivan Isaac โ€ข

Very helpful.

Collapse
 
madza profile image
Madza โ€ข

Happy it helped ๐Ÿ‘โœจ

Collapse
 
caominhdev profile image
Cao Quแป‘c Minh โ€ข

Nice

Collapse
 
madza profile image
Madza โ€ข

Thanks a lot ๐Ÿ‘โœจ๐Ÿ’ฏ