{"id":23583771,"url":"https://github.com/wilsonle/react-music-player","last_synced_at":"2025-05-07T02:24:11.863Z","repository":{"id":47459399,"uuid":"318122045","full_name":"WilsonLe/react-music-player","owner":"WilsonLe","description":"A clean, minimalistic music player web application.","archived":false,"fork":false,"pushed_at":"2022-12-21T09:02:10.000Z","size":353,"stargazers_count":38,"open_issues_count":0,"forks_count":16,"subscribers_count":1,"default_branch":"production","last_synced_at":"2023-04-26T21:36:10.270Z","etag":null,"topics":["deved","devedwin","musicplayer-online","react","reactjs","webapplication"],"latest_commit_sha":null,"homepage":"https://wilson-react-music-player.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/WilsonLe.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-12-03T08:15:41.000Z","updated_at":"2023-03-04T05:29:09.000Z","dependencies_parsed_at":"2023-01-30T03:00:30.089Z","dependency_job_id":null,"html_url":"https://github.com/WilsonLe/react-music-player","commit_stats":null,"previous_names":[],"tags_count":null,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WilsonLe%2Freact-music-player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WilsonLe%2Freact-music-player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WilsonLe%2Freact-music-player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WilsonLe%2Freact-music-player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/WilsonLe","download_url":"https://codeload.github.com/WilsonLe/react-music-player/tar.gz/refs/heads/production","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":231427148,"owners_count":18375000,"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":["deved","devedwin","musicplayer-online","react","reactjs","webapplication"],"created_at":"2024-12-27T02:17:00.123Z","updated_at":"2024-12-27T02:17:00.570Z","avatar_url":"https://github.com/WilsonLe.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# A clean, minimalistic react music player web application.\n\nThis project was made by following Dev Ed's react course, with some of my personal tweaks. In the course, he used scss modules to style, while I used styled components. I choose to use styled components because of the advantage of being able to style based on props, which is personally, is much more convenient than add class and scss modules.\n\n![alt text](https://i.ibb.co/VtT4JPc/image.png \"Vibes music web application\")\n![alt text](https://i.ibb.co/CtSvzvd/image.png \"Vibes music web application with libraries\")\n\n## Test it out yourself!\n\nhttps://wilson-react-music-player.vercel.app/\n\nClone the repository and start testing out the application yourself!\n\nIn the project directory, you can run:\n\n```\n// 1. If you have not installed Yarn:\nnpm install yarn\n\n// 2. Install the dependencies:\nyarn install\n\n// 3. Kick start the project in development mode:\nyarn start\n```\n\nIf you're ready to deploy the application to the internet, use:\n```\nyarn build\n```\nThis will build the app for production to the \"build\" folder. The Built version will be optimized for best performance.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilsonle%2Freact-music-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwilsonle%2Freact-music-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilsonle%2Freact-music-player/lists"}