{"id":28140358,"url":"https://github.com/shellyda/music-player-purejs","last_synced_at":"2026-04-27T20:31:43.109Z","repository":{"id":123103198,"uuid":"317947364","full_name":"Shellyda/music-player-pureJS","owner":"Shellyda","description":"A portfolio for a music streamming platform! The music player was made with pure JavaScript.","archived":false,"fork":false,"pushed_at":"2023-12-22T04:15:12.000Z","size":30114,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-14T18:11:34.092Z","etag":null,"topics":["css3","es6-javascript","html-css-javascript","html5","javascript","js","music-player","pure-javascript","slick-slider"],"latest_commit_sha":null,"homepage":"https://shellyda.github.io/music-player-pureJS/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Shellyda.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,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-12-02T17:58:02.000Z","updated_at":"2024-08-06T22:53:37.000Z","dependencies_parsed_at":"2023-12-15T05:34:24.034Z","dependency_job_id":null,"html_url":"https://github.com/Shellyda/music-player-pureJS","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Shellyda/music-player-pureJS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shellyda%2Fmusic-player-pureJS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shellyda%2Fmusic-player-pureJS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shellyda%2Fmusic-player-pureJS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shellyda%2Fmusic-player-pureJS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Shellyda","download_url":"https://codeload.github.com/Shellyda/music-player-pureJS/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shellyda%2Fmusic-player-pureJS/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32354566,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-27T20:07:02.737Z","status":"ssl_error","status_checked_at":"2026-04-27T20:07:00.910Z","response_time":128,"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":["css3","es6-javascript","html-css-javascript","html5","javascript","js","music-player","pure-javascript","slick-slider"],"created_at":"2025-05-14T18:11:22.099Z","updated_at":"2026-04-27T20:31:43.103Z","avatar_url":"https://github.com/Shellyda.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Music Streaming Platform Portfolio\n\u003cimg width=\"1438\" alt=\"Screenshot 2023-12-22 at 01 06 52\" src=\"https://github.com/Shellyda/music-player-pureJS/assets/69990297/981338cd-f343-453e-822e-b2ec0a3b0ca2\"\u003e\n\n## Introduction\n\nGreetings! I trust this message finds you well. In response to a recent challenge, I conceptualized and developed a fictional music streaming platform as a portfolio project. Despite time constraints preventing the implementation of all envisioned functionalities, all requirements outlined in the challenge were successfully addressed.\n\n## Project Overview\n\n- **Application:** [Music Player](https://shellyda.github.io/music-player-pureJS/player.html)\n- **Portfolio Home:** [Index.html](https://shellyda.github.io/music-player-pureJS/)\n- **JavaScript Code:** Located in the **elements** folder; CSS code in *css/style.player.css*.\n- **Media Assets:** Music and images reside in the **files** and **assets** folders, respectively.\n- **Navigation:** Access the player page via buttons on other portfolio pages or navigate through the menu.\n- **Responsiveness:** Only the music player screen has responsive behavior.\n\n## Usage Instructions\n\n1. [Explore the Player](https://shellyda.github.io/Music-Player-js/player.html)\n2. [Portfolio Home](https://shellyda.github.io/Music-Player-js/)\n3. JavaScript code in the **elements** folder; CSS in *css/style.player.css*.\n4. Media assets in the **files** and **assets** folders.\n\n### Note:\n- Interact with the player through buttons on portfolio pages.\n- Navigate seamlessly between pages using the menu.\n\n## Image gallery\n| Music Player screen                            |  Responsive look music player                               | \n|-------------------------------------------|-----------------------------------------------|\n| ![](https://github.com/Shellyda/music-player-pureJS/assets/69990297/536c108c-b464-4c10-811d-33c74ad7fb85) |![](https://github.com/Shellyda/music-player-pureJS/assets/69990297/d9f71331-1198-4bbe-8db0-b48d28b11db4)    | \n\n| About screen                            | Experiences screen                                 | \n|-------------------------------------------|-----------------------------------------------|\n| ![](https://github.com/Shellyda/music-player-pureJS/assets/69990297/211fbcd0-96c2-4d7e-954f-6e7f23368509) |  ![](https://github.com/Shellyda/music-player-pureJS/assets/69990297/433d4fe8-3858-4d8e-afc1-bbf436028b06)   | \n\n\nCrafted with \u003c/\u003e and \u003c3, this project is more than code; it's an expression of creativity and passion for music.\n\n### *No more talking, just press play!*\n\n- [Portfolio Link](https://shellyda.github.io/music-player-pureJS/)\n\n## Challenge Objectives\n\nThe challenge involved creating a music player with the following features:\n\n- Play, pause, forward, and rewind buttons\n- Progress bar and tempo control\n\n## Prerequisites\n\nTo tackle this challenge, familiarity with the following is essential:\n\n- Arrays and iteration with functions\n- DOM: Events, Listeners, query methods, and element manipulation\n- Object-oriented programming with ES6 classes\n\n## Challenge Resources\n\n- [Mockup](https://www.figma.com/file/UWCyOMrpFhyrVDiYHDS3By/desafio-js?node-id=0%3A1)\n- [Basic Example](https://citi-player.netlify.com/)\n\n# Gists\n\n- [Constants and Variables](https://gist.github.com/jrmmendes/51c5e833860fdc942d7f3e5f1fb17d3a#file-const-var-let-md)\n- [DOM and Queries with JS](https://gist.github.com/jrmmendes/51c5e833860fdc942d7f3e5f1fb17d3a#file-document-object-model-md)\n- [Events](https://gist.github.com/jrmmendes/51c5e833860fdc942d7f3e5f1fb17d3a#file-events-md)\n\n# Additional Resources\n\n- [MDN Web Docs](https://developer.mozilla.org/pt-BR)\n- [Notion](https://www.notion.so/Js-2-a66831b9b73c4ecd8f4c4d3e8ce41f51)\n\n**Date:** 02/12/20\n\n**Organization:** CITi UFPE | PTA 2020.2 | JS Challenge\n\n----\n  \u003cimg src=\"https://i.imgur.com/jOeqrIs.png\" alt=\"Music Player Logo\"/\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshellyda%2Fmusic-player-purejs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshellyda%2Fmusic-player-purejs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshellyda%2Fmusic-player-purejs/lists"}