{"id":25509295,"url":"https://github.com/autumnchris/drum-machine","last_synced_at":"2026-04-08T16:03:10.435Z","repository":{"id":126827943,"uuid":"137492937","full_name":"autumnchris/drum-machine","owner":"autumnchris","description":"A React.js app that imitates drum kit sounds through the optional uses of the keyboard and button clicks.","archived":false,"fork":false,"pushed_at":"2025-02-28T16:26:35.000Z","size":3217,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-20T07:32:49.862Z","etag":null,"topics":["babel","css","drum-machine","es6","freecodecamp","javascript","react","reactjs","sass","scss","webpack"],"latest_commit_sha":null,"homepage":"https://autumnchris.github.io/drum-machine","language":"JavaScript","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/autumnchris.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,"zenodo":null}},"created_at":"2018-06-15T13:48:21.000Z","updated_at":"2025-02-28T16:26:39.000Z","dependencies_parsed_at":"2025-02-03T22:26:15.899Z","dependency_job_id":"308438a9-e3fe-422e-8d64-0d78fb66e25e","html_url":"https://github.com/autumnchris/drum-machine","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/autumnchris/drum-machine","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fdrum-machine","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fdrum-machine/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fdrum-machine/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fdrum-machine/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/autumnchris","download_url":"https://codeload.github.com/autumnchris/drum-machine/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fdrum-machine/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31562697,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["babel","css","drum-machine","es6","freecodecamp","javascript","react","reactjs","sass","scss","webpack"],"created_at":"2025-02-19T08:54:54.859Z","updated_at":"2026-04-08T16:03:10.417Z","avatar_url":"https://github.com/autumnchris.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Drum Machine\n\nA React.js app that imitates drum kit sounds through the optional uses of the keyboard and button clicks.\n\nInspired by the [Build a Drum Machine challenge](https://learn.freecodecamp.org/front-end-libraries/front-end-libraries-projects/build-a-drum-machine) as part of the curriculum for the [Front End Development Libraries Certification](https://www.freecodecamp.org/learn/front-end-libraries) on [freeCodeCamp](https://www.freecodecamp.org).\n\n---\n\n## Built With\n* [React.js](https://reactjs.org)\n* [Sass](http://sass-lang.com)\n* JavaScript\n* CSS3\n* HTML5\n* [Node.js](https://nodejs.org/en)\n* [Webpack](https://webpack.js.org)\n* [Normalize.css](https://necolas.github.io/normalize.css)\n* [Drum sound effects](https://github.com/wesbos/JavaScript30)\n* [Digital 7 font](https://www.dafont.com/digital-7.font)\n* [Font Awesome](https://fontawesome.com)\n* [Google Fonts](https://fonts.google.com)\n* [Babel](https://babeljs.io)\n\n## Demo\n\nView project demo at [https://autumnchris.github.io/drum-machine](https://autumnchris.github.io/drum-machine).\n\n## Instructions\n\nAfter forking and cloning, navigate to the repository in your command line and install the NPM packages:\n```\nnpm install\n```\n\nRun the following script in your command line to run the application:\n```\nnpm start\n```\n\nOnce the server is running, go to `http://localhost:8080` in your browser.\n\nBefore committing any changes, run the following script to update your static files for production:\n```\nnpm run build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fautumnchris%2Fdrum-machine","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fautumnchris%2Fdrum-machine","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fautumnchris%2Fdrum-machine/lists"}