Inspiration
We were inspired by the 8-bit music of the past as well as Mario Paint.
What it does
It allows users to use a beat-box tool and a keyboard to make 8-bit music.
How we built it
We built it originally using React, building 3 main components: the options menu, the beatbox, and the keyboard itself.
Challenges we ran into
We found that implementing sound in react is extremely difficult, and regulating how button presses and releasing of keys can also be a bit tricky. In addition, some components that we were going to use were outdated
Accomplishments that we're proud of
We were proud of being able to implement the actual keyboard and sound.
What we learned
We learned to always check to see if React components are deprecated, as well as how to implement sound in a React webapp, as well as how to host a React webapp as a static website via Google Cloud.
What's next for Retro Hero
Adding a volume slider as well as the ability to upload midi files and download wav files. Try to make the keyboard so that it plays a note only when it is pressed down, and update the "color" of the key accordingly.
Credit to the 2021 Swamphacks team for the background and logo. Team Leader slack: https://swamphacks-vii.slack.com/team/U01L3BBHRGU Other team member slacks: https://swamphacks-vii.slack.com/team/U01LTE8P59N https://swamphacks-vii.slack.com/team/U01KQBZ2C3Y https://swamphacks-vii.slack.com/team/U01L9RS1473
Log in or sign up for Devpost to join the conversation.