Google Code-in

We want to have a diatonic keyboard(like a piano) mockup designed for Sugarizer Primero Web App.

The keyboard will have just one octave (C-C) with black keys included and 13 notes in total. This keyboard would later be developed and interfaced with tam tam micro acitivity in Primero web app. The top of the screen should be coordinated with the Pentatonic keyboard and the TamTamMicro main screen so that they share the same appearance and control buttons.

To get an idea about the keyboard, refer to the image link below:

https://drive.google.com/file/d/1ouDmUTMXkkij-bYObLrJC-nTC81GaX5F/view?usp=sharing

For checking out the tam tam micro activity refer to the link, refer to the link below: http://iqragsoc.com/iqragsoc.com/primero1/activities/TamTamMicro.activity/index.html

For background information check here.