I'm excited to announce a second iteration of PitchMe, with some minor improvements but entirely reconstructed with React Native with the intention of making it cross platform!
PitchMe is an application I developed to help myself and others grow their ability to relative pitch. This means that they will be able to tell what chord is being played in a song just from hearing. It was a skill I've always desired to have as a musician but never found any opportunity to attain this skill effectively. As such, this app is a gamification of an audio test to help users learn at a place that scales with their level of skill.
With this end goal in mind, I began by working on the concept with Adobe XD. The mock ups were meant to assist me in the styling of the app.
Here on forth, the bulk of the work was aimed at replicating the designs in XD.
The main aim of this revision was to add a competitive element to the game, because I believed that many games gain their success from a competitive element despite its simplicity (Flappy Bird, Crossy Road, Shot Zombie etc). This meant that I had to frame the game in 3 ways:
Limited time period
Progressive difficulty
Leaderboards
Hence, the game has been defined as such: A player will have 60 seconds to score as many points, with only 3 lives and 3 chances to make mistakes. The points they score will be multiplied by a multiplier defined by the difficulty they select. The score they achieve will be uploaded to the leaderboards.
Technologies Used:
React Native
Node.JS (Express)
MySQL
Amazon Web Services
Adobe XD, Illustrator
Logic Pro X (for generation of sounds)
Python (to automate slicing of sounds)
Learning points:
Abstracting Component class so as to display custom message Modals
Event listener approach to system architecture
Use of audio with React Native, resource optimisation for android.
Use of haptic feedback with React Native for added depth of User Experience
Implementation of Leaderboards
Use of Animations with React Native
Use of gradients in Illustrator
Comments