Mixr is inspired by art, music, and collaboration. It brings an easy-to-use interface where anyone can create playlists, share music, and decide on what to listen to next to their friends and the world.

What it does

Users are able to intuitively search for music via our front end to SoundCloud, and import the songs into a radio-like playlist.

How we built it

Built from the ground up in native React, the website is quick and responsive, while it stores data in a Firebase instance and is served from a Node.js Azure instance. We use Sass to speed up and extend our CSS. The music discovery, search, and streaming comes from the SoundCloud API.

Challenges we ran into

There are a lot of API's being hooked into, and the website is supposed to be quick and scalable to many users. This presents the challenge of organizing all of the data, keeping all of the users in sync, and allowing users freedom of collaboration.

Accomplishments that we're proud of

We've achieved all of the core features that we strived to complete, and are very proud of the overall design, functionality, and presentation of the service. Our demo is fully ready to be tried out by the masses.

What we learned

Music streaming is still a difficult challenge with many checks and balances to consider.

What's next for Mixr

We have ideas to expand the functionality of the website by introducing public & private channels, user invitations, user moderation, emoticons for chat, and finding new ways to streamline the user interface and bring in new features. AI could bring us powerful search recommendations based on listening tastes.

Our 4th team member Brendon Earl is unable to sign up on DevPost. His email is

Share this project: