JS Drum Kit

Let's play!

---

Table of Contents

1. About

   • How to play

2. Technologies Used

   • Front-End Technologies

3. Deployment

   • Deployment – Live website
   • Deployment – Run locally

4. Credits

   • Media

---

About

How to play

• Hit the following keyboard keys: A, S, D, F, G, H, J, K, L

Back to top

---

Technologies Used

• GitHub - Used as remote storage of my code online.
• Atom - Used as a local IDE.
• Compressjpeg - Used to compress images for loading faster
• Techsini - Used to generate multi-device website mockup

Back to top

---

Front-End Technologies

• HTML - Used as the base for markup text.
• CSS - Used as the base for cascading styles.
• JavaScript: Used for user interactions.

Back to top

---

Deployment

Deployment – Live Website

1. Create repository in GitHub and give it a relevant name.
2. Click on your repository to open it.
3. Find the “settings” tab and click on it.
4. Scroll down until the “GitHub Pages” sections.
5. Under the “source” drop down menu, choose a branch. I chose “master branch” and select it.
6. You will then see a URL to your live webpage. In my case the URL is https://github.com/sctlcd/js-drum-kit

Back to top

---

Deployment – Run Locally

1. Again, click on the repository called JavaScript Drum Kit
2. Along the top bar, find the “clone or download” button.
3. Here you have the option to clone by HTTPS or SSH.
4. Once you have chose your desired option, then click the copy icon next to the URL.
5. Open Git Bash.
6. Ensure you are in the correct directory which you want to copy the code into. If not, change the directory.
7. In the terminal, write $ git clone https://github.com/sctlcd/js-drum-kit.git
8. Press the enter button and your clone will be created.

Back to top

---

Credits

Media

Sources of the images used on this site:

• From images sub-directory - Github
  • favicon.ico - Flaticon | copyright Freepik
  • background-min.jpg - Pixabay | copyright tatlin

Back to top

---