{"id":19634728,"url":"https://github.com/id-andyyy/drum-keys","last_synced_at":"2026-04-14T06:33:45.732Z","repository":{"id":245091715,"uuid":"817229709","full_name":"id-andyyy/Drum-Keys","owner":"id-andyyy","description":"🥁⌨️ Сайт для игры на музыкальных инструментах с помощью клавиатуры","archived":false,"fork":false,"pushed_at":"2024-08-16T19:51:15.000Z","size":960,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-27T21:01:02.003Z","etag":null,"topics":["adaptive-design","css","drumkit","drums","html","javascript30","js","keyboard","vanilla","website"],"latest_commit_sha":null,"homepage":"https://id-andyyy.github.io/Drum-Keys/","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/id-andyyy.png","metadata":{"files":{"readme":"README-ru.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":"2024-06-19T09:25:28.000Z","updated_at":"2025-06-15T22:35:46.000Z","dependencies_parsed_at":"2024-06-19T19:17:42.678Z","dependency_job_id":"8f7b5e0a-8be2-4670-bf3b-8be459eb1734","html_url":"https://github.com/id-andyyy/Drum-Keys","commit_stats":null,"previous_names":["id-andyyy/drum-keys"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/id-andyyy/Drum-Keys","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/id-andyyy%2FDrum-Keys","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/id-andyyy%2FDrum-Keys/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/id-andyyy%2FDrum-Keys/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/id-andyyy%2FDrum-Keys/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/id-andyyy","download_url":"https://codeload.github.com/id-andyyy/Drum-Keys/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/id-andyyy%2FDrum-Keys/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31785677,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T02:24:21.117Z","status":"ssl_error","status_checked_at":"2026-04-14T02:24:20.627Z","response_time":153,"last_error":"SSL_read: 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":["adaptive-design","css","drumkit","drums","html","javascript30","js","keyboard","vanilla","website"],"created_at":"2024-11-11T12:22:29.066Z","updated_at":"2026-04-14T06:33:45.713Z","avatar_url":"https://github.com/id-andyyy.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Арт](https://i.postimg.cc/LsqBjBxS/art.png)\n\n![GitHub Created At](https://img.shields.io/github/created-at/id-andyyy/Drum-Keys?style=flat\u0026color=%23540554)\n![Lines Of Code](https://tokei.rs/b1/github/id-andyyy/Drum-Keys?style=flat\u0026category=code\u0026color=%23FF9100)\n![Top Language](https://img.shields.io/github/languages/top/id-andyyy/Drum-Keys?style=flat)\n![Website](https://img.shields.io/website?url=https%3A%2F%2Fid-andyyy.github.io%2FDrum-Keys%2F\u0026style=flat)\n\n# Drum Keys\u0026nbsp;\u0026#129345;\n\nСайт с возможностью сыграть свою мелодию, используя клавиатуру\u0026nbsp;\u0026#9000;. Это один из моих первых проектов\u0026nbsp;\u0026#128304;.\n\n## Описание\n\nНа компьютере: при нажатии определённых клавиш воспроизводятся соответствующие звуки (clap, hihat, kick, openhat, boom, ride, snare, tom, tink).\n\nНа телефоне: можно нажимать на изображения клавиш для получения соответствующих звуков.\n\n## Демонстрация\n\nПосетите [сайт](https://id-andyyy.github.io/Drum-Keys/) или посмотрите демонстрацию (клик на картинку)\u0026nbsp;\u0026#128071;\n\n[![Превью](https://i.postimg.cc/DfbCf34f/preview.png)](https://youtu.be/I-6FkwnOGNU)\n\n## Технологии и инструменты\n\n![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=white\u0026color=yellow)\n![Figma](https://img.shields.io/badge/figma-%23F24E1E.svg?style=for-the-badge\u0026logo=figma\u0026logoColor=white\u0026color=ad63f7)\n![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge\u0026logo=git\u0026logoColor=white\u0026color=f14e32)\n\nОсобенности разработки:\n\n- Адаптивная вёрстка подстраивается под любое устройство\n- Анимация при нажатии на клавиши\n- БЭМ методология\n- Чистый JavaScript (код разбит на функции)\n- Настроены мета-теги\n\n## Обратная связь\n\nБуду признателен, если вы поставите звезду\u0026nbsp;\u0026#11088;. Если вы нашли баг или у вас есть предложения по улучшению, используйте раздел [Issues](https://github.com/id-andyyy/Drum-Keys/issues).\n\n## Благодарности\n\nБлагодарность за идею дизайна сайта [strawberry2892\u0026nbsp;\u0026#127827;](https://github.com/strawberry2892). Сайт создан в рамках челленджа [JavaScript30](https://javascript30.com/).\n\nЧитать на [английском\u0026nbsp;\u0026#127468;\u0026#127463;](README.md)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fid-andyyy%2Fdrum-keys","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fid-andyyy%2Fdrum-keys","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fid-andyyy%2Fdrum-keys/lists"}