{"id":28249070,"url":"https://github.com/aenoshrajora/drum-javascript","last_synced_at":"2025-06-13T11:30:38.605Z","repository":{"id":208634624,"uuid":"722115893","full_name":"aenoshrajora/Drum-Javascript","owner":"aenoshrajora","description":"A simple and interactive drum kit implemented in HTML, CSS, and JavaScript. This project allows users to play drum sounds by pressing corresponding keyboard keys or clicking on the on-screen drum pads.","archived":false,"fork":false,"pushed_at":"2024-06-29T03:25:59.000Z","size":963,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-19T13:14:07.118Z","etag":null,"topics":["30dayscodechallenge","javascript","javascript-challenges","javascript-project","javascript-projects-for-beginners"],"latest_commit_sha":null,"homepage":"https://drum-kit-javascript-dusky.vercel.app/","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/aenoshrajora.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}},"created_at":"2023-11-22T13:21:32.000Z","updated_at":"2024-06-29T03:26:02.000Z","dependencies_parsed_at":"2023-11-22T14:47:38.844Z","dependency_job_id":null,"html_url":"https://github.com/aenoshrajora/Drum-Javascript","commit_stats":null,"previous_names":["aenoshrajora/drum-javascript"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/aenoshrajora/Drum-Javascript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aenoshrajora%2FDrum-Javascript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aenoshrajora%2FDrum-Javascript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aenoshrajora%2FDrum-Javascript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aenoshrajora%2FDrum-Javascript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aenoshrajora","download_url":"https://codeload.github.com/aenoshrajora/Drum-Javascript/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aenoshrajora%2FDrum-Javascript/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259637127,"owners_count":22888217,"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":["30dayscodechallenge","javascript","javascript-challenges","javascript-project","javascript-projects-for-beginners"],"created_at":"2025-05-19T13:14:06.875Z","updated_at":"2025-06-13T11:30:38.556Z","avatar_url":"https://github.com/aenoshrajora.png","language":"HTML","readme":"# JavaScript Drum Kit\n\nA simple and interactive drum kit implemented in HTML, CSS, and JavaScript. This project allows users to play drum sounds by pressing corresponding keyboard keys or clicking on the on-screen drum pads.\n\n## Features\n\n- **Keyboard Interaction:** Press keys (A, S, D, F, G, H, J, K, L) to trigger drum sounds.\n- **Mouse Click:** Click on the on-screen drum pads to play sounds.\n- **Responsive Design:** Enjoy the drumming experience on various devices.\n\n## Technologies Used\n\n- **HTML:** Structure of the drum kit.\n- **CSS:** Styling and layout of the drum pads.\n- **JavaScript:** Event handling for keyboard and mouse interactions.\n- **Audio API:** Playing drum sounds dynamically.\n\n## Usage\n\n1. Clone the repository: `git clone https://github.com/aenoshrajora/Drum-Javascript.git`\n2. Open `index.html` in your web browser.\n3. Start drumming!\n\n## Screenshots\n\n![Drum Kit in Action](/Demo.png)\n## Contributing\n\nIf you'd like to contribute to this project, feel free to fork the repository and submit a pull request.\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faenoshrajora%2Fdrum-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faenoshrajora%2Fdrum-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faenoshrajora%2Fdrum-javascript/lists"}