{"id":19316899,"url":"https://github.com/pushpendra-1697/iotready","last_synced_at":"2026-05-18T05:04:11.061Z","repository":{"id":219902790,"uuid":"750214057","full_name":"Pushpendra-1697/IoTReady","owner":"Pushpendra-1697","description":"The \"React Audio Player\" is a web application that allows users to upload audio files (e.g., mp3) and create playlists. The application utilizes built-in Browser APIs to store the audio files locally. Users can view and interact with a playlist, including a \"now playing\" view that displays the currently playing audio file.","archived":false,"fork":false,"pushed_at":"2024-01-31T04:31:47.000Z","size":193,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-06T04:13:02.876Z","etag":null,"topics":["browser-api","html-audio-player","html-css-javascript","localstorage","react-components","reactjs"],"latest_commit_sha":null,"homepage":"https://audioplayer-liard.vercel.app/","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/Pushpendra-1697.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}},"created_at":"2024-01-30T07:54:44.000Z","updated_at":"2024-02-22T08:46:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"32c01509-e099-4dc5-9528-f516caaac001","html_url":"https://github.com/Pushpendra-1697/IoTReady","commit_stats":null,"previous_names":["pushpendra-1697/iotready"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpendra-1697%2FIoTReady","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpendra-1697%2FIoTReady/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpendra-1697%2FIoTReady/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpendra-1697%2FIoTReady/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Pushpendra-1697","download_url":"https://codeload.github.com/Pushpendra-1697/IoTReady/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240420938,"owners_count":19798501,"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":["browser-api","html-audio-player","html-css-javascript","localstorage","react-components","reactjs"],"created_at":"2024-11-10T01:13:03.033Z","updated_at":"2026-05-18T05:04:06.017Z","avatar_url":"https://github.com/Pushpendra-1697.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Audio-player-app\n\n## Overview\nThe \"React Audio Player\" is a web application that allows users to upload audio files (e.g., mp3) and create playlists. The application utilizes built-in Browser APIs to store the audio files locally. Users can view and interact with a playlist, including a \"now playing\" view that displays the currently playing audio file. The standard HTML audio player is employed for playback, and users can seamlessly transition to the next file in the playlist upon completion.\n\nThe application provides a persistent user experience by saving the last playing audio file and its playback position. This ensures that when the page is reloaded, the user can resume playback from the last position.\n\n## Tech Stacks\nReact.js, localStorage, React-Component, Browser-API, HTML-CSS-JS, HTML-audio-Element and HTML-audio-player.\n\n## Hosted Web App Link on Vercel\n\n```bash\n    https://audioplayer-liard.vercel.app/\n```\n\n## How to run locally\n- On Windows\n```bash\n    npm run start \n    (or) \n    npm start\n```\n\n## Some Screenshots for application\n\n![Screenshot (461)](https://github.com/Pushpendra-1697/IoTReady/assets/104748364/6cd444aa-1295-4079-8a56-d38b9391907d)\n\n![Screenshot (462)](https://github.com/Pushpendra-1697/IoTReady/assets/104748364/0a1ad201-7073-4504-92dc-21f61ad5a486)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpushpendra-1697%2Fiotready","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpushpendra-1697%2Fiotready","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpushpendra-1697%2Fiotready/lists"}