{"id":15987503,"url":"https://github.com/shen-ui/riffle","last_synced_at":"2026-04-24T22:34:36.658Z","repository":{"id":55163637,"uuid":"264062340","full_name":"shen-ui/Riffle","owner":"shen-ui","description":"Beta of a react web app. Built off the Spotify Developer API. Listen to music with anyone, anywhere, anytime.","archived":false,"fork":false,"pushed_at":"2021-03-04T22:48:20.000Z","size":5734,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-20T14:42:52.777Z","etag":null,"topics":["html-css-javascript","react","riffle","spotify","webapp"],"latest_commit_sha":null,"homepage":"https://shen-ui.github.io/Riffle/","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/shen-ui.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}},"created_at":"2020-05-15T01:06:41.000Z","updated_at":"2021-03-04T22:48:21.000Z","dependencies_parsed_at":"2022-08-14T14:11:14.038Z","dependency_job_id":null,"html_url":"https://github.com/shen-ui/Riffle","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/shen-ui/Riffle","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shen-ui%2FRiffle","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shen-ui%2FRiffle/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shen-ui%2FRiffle/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shen-ui%2FRiffle/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shen-ui","download_url":"https://codeload.github.com/shen-ui/Riffle/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shen-ui%2FRiffle/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32243353,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-24T13:21:15.438Z","status":"ssl_error","status_checked_at":"2026-04-24T13:21:15.005Z","response_time":64,"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":["html-css-javascript","react","riffle","spotify","webapp"],"created_at":"2024-10-08T03:23:29.256Z","updated_at":"2026-04-24T22:34:36.641Z","avatar_url":"https://github.com/shen-ui.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# introduction\nHello and welcome to my project!\nThe purpose of this app is to quickly create playlists over Spotify quickly.\n\nI was inspired to create this with COVID and my issue with passing my phone around\nfor others to add songs to a queue or a playlist. I figured, why hasn't somebody stream\nlined collabrative playlists? Spotify currently has local listening as a beta and it isn't\nquite the most robust experience yet.\n\n### March 4 Update\nMajor improvement to mobile experience. CSS was updated and optimized for iPhone X and iPhone 7/8 as well as most android devices. \n(See Below for mobile layout. Note, Spotify Web API does NOT work for iOS browsers. Will work with Google Chrome.)\nUI updated with ionic buttons. Assets seem to be a hard commodity to come by these days, but I'm glad I've finally found one that seems to be UI agnostic. (Thanks reddit/r/webdesign.) Overall the player component is very robust now. All buttons and API calls are complete. This will be the final iteration besides a few design choices as well as a few more buttons to be added (ig. repeat, like, volume.) \n\nProgression bar also needs to be updated with a scrolling feature such that you can click on it and the playback will resume at a specific position.\n\nOther features that need to be updated is selecting songs and catagorial and organization components such as playlists and searching. \n\nThe API built off spring is being developed currently and should be done given I learn more about the powerful features of spring.\n\n### March 5 Menu\n\n1. Develope the other leading player components and implement them into the player.\n2. Develope organizational components and have them also implemented into the web app.\n3. Continue the developement of the Riffle API.\n\n### Known bugs\nCurrently no bugs to my knowledge, but I'm sure they will come as I improve functionality. Let me know if there are any bugs!\n\n### Mobile Layout: \n\n![](https://i.imgur.com/iPUzukI.png)\u003cbr\u003e\nNote: This song is a solid bop.\n\n### Desktop Layout: \n\n![](https://i.imgur.com/nxIdR4R.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshen-ui%2Friffle","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshen-ui%2Friffle","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshen-ui%2Friffle/lists"}