Skip to content
I've been playing piano since age 4 so I thought it would be fun to try creating a Piano App for my first C# project!
C# HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Deploy
Piano_App
.gitattributes
.gitignore
Piano_App.sln
README.md

README.md

Piano_App

I've been playing piano since age 4 so I thought it would be fun to try creating a Piano App for my first C# project! This is my first time builing a Windows Forms App utilizing Visual Studio 2017 which is quite exciting. If you follow the steps below, you should be able to run a version of it to your own laptop/PC. Enjoy!

Demo of App

Click the image to view a Demo of the App in action! Demo Video

BONUS Points if you can guess what song this goes to 😄

Click Here To Listen

Steps to take for Running this App on Laptop/PC

  1. Make sure you have Visual Studio installed on your computer (this was built using Visual Studio 2017; if you need to install, go to the link for this in the "BUILT WITH" section below and download for free)
  2. Go to the repo you want to clone on GitHub.
  3. Choose the Clone or download button and then choose the Copy to Clipboard button from the dropdown menu to copy the secure URL for the GitHub repo.
    clone & download
  4. In Visual Studio, choose the Team Explorer tab to open Team Explorer. If you do not see the tab, open it from View > Team Explorer.
  5. In Team Explorer, under the Local Git Repositories section, choose the Clone command and then paste the URL of the GitHub page into the text box.
    clone pic
  6. Choose the Clone button to clone the project files to a local Git repository. Depending on the size of the repo, this process may take several minutes.
  7. After the repo has been cloned to your system, in Team Explorer choose the Open command on the context (right-click) menu of the newly cloned repo.
    open pic
  8. Choose the Show Folder View command to view the files in Solution Explorer. You can now successfully browse folder and files in the cloned repo, and view and search the code in Visual Studio code editor, complete with syntax colorization and other features.
    file structure
    Watch a video on how to clone and open code from a GitHub repo in Visual Studio.

Built With

For this application I built this entirely with the following:

Fun Fact: The keys of the keyboard were built within the Design Form of VS2017 by inserting buttons from the toolbox & then sizing and coloring them accordingly 😄

Author

Here is a pic of me around age 4 and age 17

piano me

You can’t perform that action at this time.