{"id":15571410,"url":"https://github.com/alexoid1/virtual-drum","last_synced_at":"2025-06-16T23:38:29.954Z","repository":{"id":105906076,"uuid":"231171319","full_name":"Alexoid1/Virtual-Drum","owner":"Alexoid1","description":"This is drum machine that can be played with keyboard and with your mouse click. It was built in vanilla JavaScript, CSS, HTML. The Drum machine uses keydown events to trigger the sounds.","archived":false,"fork":false,"pushed_at":"2020-06-30T18:09:53.000Z","size":2150,"stargazers_count":7,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-29T06:31:22.284Z","etag":null,"topics":["drum-machine","html-css-javascript"],"latest_commit_sha":null,"homepage":"https://alexoid1.github.io/Virtual-Drum/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Alexoid1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-01-01T03:28:34.000Z","updated_at":"2024-03-03T11:42:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"5e1c6e7f-d02a-4a44-b60f-3564660824c3","html_url":"https://github.com/Alexoid1/Virtual-Drum","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexoid1%2FVirtual-Drum","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexoid1%2FVirtual-Drum/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexoid1%2FVirtual-Drum/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alexoid1%2FVirtual-Drum/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Alexoid1","download_url":"https://codeload.github.com/Alexoid1/Virtual-Drum/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249509526,"owners_count":21283601,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["drum-machine","html-css-javascript"],"created_at":"2024-10-02T18:00:20.994Z","updated_at":"2025-04-18T15:03:15.476Z","avatar_url":"https://github.com/Alexoid1.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Virtual-Drum\n## Emulate a drum with the keyboard\n\n\n\n\n![screenshot](./screen.png)\n\nAdditional description about the project and its features.\n\n## Built With\n\n- HTML,\n- JavaScript\n- Css\n\n## Live Demo\n\n[Live Demo Link](https://alexoid1.github.io/Virtual-Drum/)\n\n\n## Getting Started\n\n**Navigation bar**\n- Go to (https://alexoid1.github.io/Virtual-Drum/) and have a look around. \n\n\n\n\nIn this project:\n\n- Add border efect on every keyboard event.\n- Add diferent sounds in every keyboard and click event.\n\n\n\n\nTo get a local copy  and to set it up and running follow these simple example steps.\n\n### Prerequisites\n\n- Browser\n- Internet\n- Download the code from repository (https://github.com/Alexoid1/Virtual-Drum)\n\n\n## Author\n\n👤 **Pablo Alexis Zambrano Coral**\n\n- Github: [@Alexoid1](https://github.com/Alexoid1)\n- Twitter: [@pablo_acz](https://twitter.com/pablo_acz)\n- Linkedin: [linkedin](https://www.linkedin.com/in/pablo-alexis-zambrano-coral-7a614a189/)\n\n\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n\n\n\n## 📝 License\n\nThis project is [MIT](LICENSE) licensed.#\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexoid1%2Fvirtual-drum","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexoid1%2Fvirtual-drum","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexoid1%2Fvirtual-drum/lists"}