soundbridge.

• 

  Soundbridge Landing Page

Inspiration

We all know of small artists that deserve more fame. One of our members, Yoshi, has experienced firsthand what it's like to be a small creator. When we saw the tracks, we decided that Track #1 would be the best, because it was not only relatable, but also something we were passionate about. We saw what was already out there, and we wanted to make it even better.

What it does

Soundbridge allows artists and producers to make accounts (two separate types of accounts). Artists can match with Producers that pique their interest. and vice versa. The app features a tinder like match based feature with a swiping animation to allow people to match with each other based on AI-recognized compatibility.

How we built it

When thinking about the track, we were finding ideas online and knew that we wanted to add a 'tinder swipe to match' feature to our application. This was the basis for our app, and from there we decided our target audience, goal(s), and real-world problems we were solving. Once we had all of this figured out, we decided to start designing a rough sketch of the UI. We separated work on the design and the app's dependencies between the 3-member team. We started with a simple online whiteboard, then we looked at both Figma and Canva, before finalizing the design in Canva. In the meantime, we were also creating all necessary dependencies, such as node.js, firebase authentication, react.js, vite, etc. We ended the first day with the design, and immediately got to work within react to make the UI. This was done utilizing react components and typescript, as well as html/css.

Challenges we ran into

Firebase was a challenge because of the issues we were running into while trying to create a billing account. They would close accounts when we tried to create them. One of the members, Levell, was new to the tech stack we established, but he was able to grasp some of the basic react.js/typescript concepts necessary to make components. The swiping animation was also a bit complicated.

Accomplishments that we're proud of

All of us: The beautiful swiping animation, being able to adapt to and teach a new language in a short amount of time, the UI.

What we learned

24 hours is not a lot of time, but we can still create something!

What's next for soundbridge.

Help the small artist community with soundbridge.

Built With

• css
• firebase
• html5
• react.js
• shadcn
• tailwind
• typescript