Bubble App of the Day: Harmony Visualizer

We asked Harmony Visualizer founders, Lillian Zhu, Anna Shih, Gargi Panatula, and Olivia Wang about building an app that provides users with a visual keyboard platform in which they can see how different notes can be harmonized in different keys. Lillian, Anna, Gargi, and Olivia are currently in their first year pursuing Computer Science at the University of Washington. They chose Bubble because the no-code platform enables them to implement their ideas effectively without having to stress over programming features like syntax, repositories, and more.

Tell us about your app and what it does.

Our app, Harmony Visualizer, provides users with a visual platform in which they can see how different notes can be harmonized in different keys.

How does your app work?

A user first selects the key in which they would like to analyze harmonies. After doing so, they can hover over each of the keys on the keyboard, which will cause the relevant harmonies to light up below. Clicking each key will also produce the relevant pitch. There is also a toggle hold feature where a user can click on a key to select it, and click on the harmonized keys to hear the audio from both notes at the same time.

Bubble App of the Day: Harmony Visualizer
The visualization of the β€œC” note’s tier one and tier two harmonies within C Major.

Tell us a little about your background and how you discovered no-code tools like Bubble.

All of us are freshmen at the University of Washington who are pursuing computer science. We participated in our first hackathon together, Dubhacks 2020, which is where we were first introduced to Bubble. Although we had some concerns about how we'd make a functional app by the end of the hackathon, we very quickly learned how to use Bubble and were able to host this application on it within the next day.

Bubble App of the Day: Harmony Visualizer
Bubble App of the Day: Harmony Visualizer
Bubble App of the Day: Harmony Visualizer
Bubble App of the Day: Harmony Visualizer
Founders Lilian (top right), Olivia (top left), Gargi (bottom left), and Anna (bottom right).

Why did you build your app on Bubble?

Although all of us have taken a few courses in computer science, we only know the basics and none of us have had much experience with frontend development. Through using Bubble, we were able to implement our ideas in a way that was reflective of what you would see in a programming project without stressing over syntax, repositories, and more. Bubble was a straightforward platform that helped us get our ideas out there for the world to see.

What have been your milestones or successes so far?

We are proud and thankful to have won the low-code track at Dubhacks 2020! Although there is refinement that can still be done, we are happy to say that our application is functional at a basic level.

What are your future plans for your app?

We hope to make our application fully functional for all keys and notes. Right now, we only have C Major and C Minor implemented for the harmonies, and would like to expand this to all major and minor keys. We would also like to incorporate the toggle feature onto all notes instead of just the root note. We may also add informational elements to explain more of the logic that went into the harmonization.

Learn more about Harmony Visualizer

About Bubble

Bubble is a leader in the no-code movement. Bubble offers a powerful point-and-click web editor and cloud hosting platform that allows users to build fully customizable web applications and workflows, ranging from simple prototypes to complex marketplaces, SaaS products, and more. Over 500,000 users are currently building and launching businesses on Bubble - many have gone on to participate in top accelerator programs, such as Y Combinator, and even raise $365M in venture funding. Bubble is more than just a product. We are a strong community of builders and entrepreneurs that are united by the belief that everyone should be able to create technology.

Do you want your app featured by Bubble? Reach out to us and tell us about your app. In addition to this series, we sometimes select our best apps to showcase on our website.

This article was written by Grace Kim and first appeared here: https://bubble.io/blog/bubble-app-harmony-visualizer/

Post a comment

Log in