We named our app MashApp, paying homage to mashups, which often meet resistance from traditional music streaming services. As everyone already knows, Audius, a brand-new streaming platform built for musicians, was built quite successfully on IPFS. We're not trying to make a competitor for it, instead we're using its API to take it a step further. Our challenge in this hackathon was to make a media player on steroids. It would lower the barrier to content creation, by providing basic functionality for editing music right in the app, and publishing, thanks to the IPFS. Our explore page was inspired by TikTok. On it, the user can find not only trending music that comes from the Audius API, but also mashups made and uploaded to the application by other users. And we have playlists that the user can assemble themselves from their favorite tracks and mashups. We wanted to emphasize the importance of community in web3 and we decided to use Ceramic so that users could use their public profile to share playlists, mashups, and feel part of the web3 metaverse.

MashApp showcase

How it's made

This project uses React and set of web3 libraries. In more detail, use-ceramic react hook for easy interaction with the Ceramic API, use-moralis for interaction with Moralis, their API for putting tracks into IPFS. We decided to use Ceramic so that users could use their public profile to share playlists, mashups. And IPFS is an important part of our application because it is a technology that allows users to quickly upload and share their mashups. The main challenge was working with audio and effects in a web context. I've had a lot of fun working with music, because when you get something right and you turn on a rocking track, it's something incredible.