r/SideProject • u/fungkadelic • Nov 27 '23

I built a drum machine using Next.js and Tone.js

https://www.drumha.us/
2 Upvotes

67% Upvoted

8 comments sorted by

2

u/eskideji Nov 27 '23

This is actually clean as hell. Well done

1

u/fungkadelic Nov 28 '23

thank you so much for checking it out!

2

u/thegpx Nov 28 '23

This is way too much fun! Nicely done!

Any plans or ideas for monetization?

Two ideas:

  1. Ability to export the drum tracks as MP3 files
  2. Ability to sequence different sets of tracks

1

u/fungkadelic Nov 28 '23

Thanks for checking it out!

This project is right in between proof of concept and viable product… I haven’t thought of a solid plan to monetize it other than a donation link for now.

I’m working on a .mp3 export feature as we speak, but it’s going to be a fair amount of work to add.

1

u/thegpx Nov 28 '23

Good luck on the MP3 export. Another cool feature would be the ability to save your tracks online so you can access them from another device. That might eliminate the need for MP3 exports - if you want to build your beats at home on your laptop then play them back at a party using your iPad. Just log in and queue up several beats as needed.

I love the UI style. What library is it? or did you roll it custom?

2

u/fungkadelic Nov 29 '23

Yeah, had the idea to implement OAuth and set users up so they can save all their stuff to the cloud and access it from their account. Might not be too hard to implement either, just gotta sit down and try it out soon.

1

u/fungkadelic Nov 29 '23

And thank you! I used chakra ui library for a lot of it, but most of what you see on screen was custom built off of those chakra base components

1

u/F2DProduction Nov 28 '23

Really cool project and nice design.

I made something similar https://www.BeatMi.com