{"id":15014067,"url":"https://github.com/satyam1923/spring-music-player","last_synced_at":"2025-04-07T18:13:56.300Z","repository":{"id":232827118,"uuid":"785287609","full_name":"Satyam1923/Spring-Music-Player","owner":"Satyam1923","description":"The Spring Music Player project aims to create a feature-rich music player application leveraging the multiple APIs. This application will provide users with a seamless experience to discover, stream, and organize their favorite music tracks from the extensive library.","archived":false,"fork":false,"pushed_at":"2024-09-24T13:46:54.000Z","size":34578,"stargazers_count":60,"open_issues_count":0,"forks_count":124,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-04T05:44:19.988Z","etag":null,"topics":["api-rest","axios","docker","expressjs","figma","firebase","firebase-auth","javascript","nodejs","npm-package","postman","reactjs","redux","vercel-deployment","vscode"],"latest_commit_sha":null,"homepage":"https://spring-music-player.vercel.app/","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/Satyam1923.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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-04-11T15:25:21.000Z","updated_at":"2025-04-01T16:52:14.000Z","dependencies_parsed_at":"2024-04-22T14:28:50.391Z","dependency_job_id":"5135f675-f9fd-42b6-a9cd-a023e6f039c3","html_url":"https://github.com/Satyam1923/Spring-Music-Player","commit_stats":{"total_commits":350,"total_committers":58,"mean_commits":"6.0344827586206895","dds":0.7285714285714286,"last_synced_commit":"30091a0f7df812388e72123bbdc04fda5fd305c9"},"previous_names":["satyam1923/music-stream","satyam1923/spring","satyam1923/spring-music-player"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Satyam1923%2FSpring-Music-Player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Satyam1923%2FSpring-Music-Player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Satyam1923%2FSpring-Music-Player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Satyam1923%2FSpring-Music-Player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Satyam1923","download_url":"https://codeload.github.com/Satyam1923/Spring-Music-Player/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247704571,"owners_count":20982298,"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":["api-rest","axios","docker","expressjs","figma","firebase","firebase-auth","javascript","nodejs","npm-package","postman","reactjs","redux","vercel-deployment","vscode"],"created_at":"2024-09-24T19:45:08.937Z","updated_at":"2025-04-07T18:13:56.261Z","avatar_url":"https://github.com/Satyam1923.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003e⭐️ Spring - Music Player ⭐️\u003c/h1\u003e\n\u003c/div\u003e\n\nThe Spring Music Player with JioSaavn API Integration is a web application that allows users to listen to their favorite music tracks using the JioSaavn music streaming service. It provides a seamless and user-friendly interface for discovering, playing, and managing music playlists.\n\n\u003chr\u003e\n\n##  ✨ Features  ✨\n- Music/Album/Playlists/Singer Search\n- Playback Controls\n- Top 10 search list\n- Loop Playback\n- User authentication\n\n\u003chr\u003e\n\n## 🚀 Tech Stack\n\n**Client:** React\n\n**Server:** Node, Express, Firebase, Axios\n\n**API:** [API Link](http://jiosaavn-olj6ym1v4-thesumitkolhe.vercel.app)\n\n\u003chr\u003e\n\n\n## 🎨 Expected Design\n\n![Screenshot 2024-06-07 012636](https://github.com/Satyam1923/Spring-Music-Player/assets/104068640/34b12993-4a35-431b-bebb-b390591de6ae)\n\n\nCheck the Expected design in [Figma](https://www.figma.com/design/WQnt0qRFSdaV3jW5XF8NSc/Spring-Music-player-new-design?node-id=0-1\u0026t=Q8iDfJsPXtkoDLTG-1)\n\n\n\n\n\n\u003chr\u003e\n\n## 🛠️ Getting Started\n\n### With Docker\n1. **Clone the repository**\n\n```sh\n git clone https://github.com/Satyam1923/Spring.git\n```\n\n### For Backend\n1. **Navigate to the backend folder**\n```sh\ncd backend\n```\n2. **Build Docker Image**\n```sh\ndocker build -t backend:v1 .      \n```\n3. **Run Docker Image**\n```sh\ndocker run -p 3030:3030 backend:v1 \n```\n4. **Access it locally**\n\nGo to http://localhost:3030/\n\n\n### For Frontend \n1. **Navigate to the frontend folder**\n\n```sh\ncd frontend\n```\n2. **Build Docker Image**\n```sh\ndocker build -t frontend:v1 .      \n```\n3. **Run Docker Image**\n```sh\ndocker run -p 3000:3000 frontend:v1\n```\n4. **Access it locally**\n\nGo to http://localhost:3000/\n\n\n### Without Docker \n\n1. **Clone the repository**\n\n```sh\n git clone https://github.com/Satyam1923/Spring.git\n```\n\n### For Backend\n1. **Navigate to the backend folder**\n```sh\ncd backend\n```\n2. **Install npm packages**\n```sh\nnpm install .\n```\n3. **Run the server**\n```sh\nnode index.js\n```\n4. **Access it locally**\n   \nGo to http://localhost:3030/\n\n\n### For Frontend \n1. **Navigate to the frontend folder**\n\n```sh\ncd frontend\n```\n2. **Install npm packages**\n```sh\nnpm install .\n```\n3. **Run the development server**\n```sh\nnpm run dev\n```\n4. **Access the local server.**\nYou will receive a link in your terminal.\n\n5. Make dummy firebase project and Use it's config in firebase.js\n\n## Contributing Readme.\n\n### For someone working on backend\n1. Change directory\n```sh\ncd backend\n```\n2. Install npm packages\n```sh\nnpm install .\n```\n3. Go to localhost\n```sh\nhttps://localhost:3030/\n```\n### For someone working on frontend\n1. Change directory\n```sh\ncd frontend\n```\n2. Install npm packages\n```sh\nnpm install .\n```\n3. Run server\n```sh\nnpm run dev\n```\n4. Make dummy firebase project and Use it's config in firebase.js\n\n## For someone working on backend+frontend\n1. Change directory\n```sh\ncd backend\n```\n2. Install npm packages\n```sh\nnpm install .\n```\n3. Go to localhost\n```sh \nhttps://localhost:3030/\n```\n4. Change directory\n```sh\ncd frontend\n```\n5. Install npm packages\n```sh\nnpm install .\n```\n6. Change directory\n```sh\ncd  src\n```\n7. Make dummy firebase project and Use it's config in firebase.js\n\n\u003chr\u003e\n\n## 🤝 Contributing\n\n[![GitHub repo Good Issues for newbies](https://img.shields.io/github/issues/Satyam1923/Spring-Music-Player/good%20first%20issue?style=flat\u0026logo=github\u0026logoColor=green\u0026label=Good%20First%20issues)](https://github.com/Satyam1923/Spring-Music-Player/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22) [![GitHub Help Wanted issues](https://img.shields.io/github/issues/Satyam1923/Spring-Music-Player/help%20wanted?style=flat\u0026logo=github\u0026logoColor=b545d1\u0026label=%22Help%20Wanted%22%20issues)](https://github.com/Satyam1923/Spring-Music-Player/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22) [![GitHub Help Wanted PRs](https://img.shields.io/github/issues-pr/Satyam1923/Spring-Music-Player/help%20wanted?style=flat\u0026logo=github\u0026logoColor=b545d1\u0026label=%22Help%20Wanted%22%20PRs)](https://github.com/Satyam1923/Spring-Music-Player/pulls?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22) [![GitHub repo Issues](https://img.shields.io/github/issues/Satyam1923/Spring-Music-Player?style=flat\u0026logo=github\u0026logoColor=red\u0026label=Issues)](https://github.com/Satyam1923/Spring-Music-Player/issues?q=is%3Aopen)\n\nContributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\n- If you have any suggestions for the projects, like reporting a bug, improving UI/UX, or enhancing the README.md file, feel free to **open an issue** to discuss it.\n- Please ensure your pull request adheres to good practices and standards.\n- Please ensure your pull request have reference to the issue assigned.\n- Please make sure you check your spelling and grammar.\n- Create individual Pull Requests for each issues.\n\n\n## 🔧Creating a Pull Request\n1. **Fork the Project** \n2. **Clone your forked repository**\n```sh\ngit clone https://github.com/Satyam1923/Spring.git\n```\n3. **Create a new branch and move to it**\n```sh\ngit checkout -b fix-issue-\u003cISSUE-NUMBER\u003e\n```\n4. **Make your changes, then check the status of changed files**\n```sh\ngit status \n```\n\n5. **Add all the files to the staging area**\n```sh\ngit add .\n```\n or\n```sh\ngit add \u003cfile_name1\u003e \u003cfile_name2\u003e\n```\n6. **Commit your changes with a descriptive message**\n```sh\ngit commit -m \"\u003cEXPLAIN-YOUR_CHANGES\u003e\"\n```\n7. **Push your changes to your branch**\n```sh\ngit push origin fix-issue-\u003cISSUE-NUMBER\u003e\n```\n8. **Open a Pull Request**\n\n**Feel free to enhance this project and contribute in any way you find valuable! \nLet's make Spring Music Player even better together. 🎶✨**\n\n\u003chr\u003e\n\n\u003c!-- Open Source Programs --\u003e\n  \u003cdiv\u003e\n    \u003ch2\u003e\u003cimg src=\"https://github.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/blob/master/Emojis/Hand%20gestures/Flexed%20Biceps.png?raw=true\" width=\"35\" height=\"35\" \u003e Open Source Programs\u003c/h2\u003e\n  \u003c/div\u003e\n\n  \u003ctable border=\"1\" cellpadding=\"10\"\u003e\n        \u003ctr\u003e\n            \u003ctd rowspan=\"2\"\u003e\n                \u003cimg src=\"https://github.com/Meetjain1/wanderlust/assets/133582566/21b2bc42-bdd5-487a-a083-1b262c2f6d9b\" alt=\"GSSOC Logo\" width=\"100\" height=\"55\"\u003e\n            \u003c/td\u003e\n            \u003ctd\u003e\n                \u003cstrong\u003eGSSOC 2024\u003c/strong\u003e\n            \u003c/td\u003e\n        \u003c/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003e\n                This project is part of GirlScript Summer of Code. We're excited to have contributions from the community to help make Spring-Music-Player even better.\n            \u003c/td\u003e\n        \u003c/tr\u003e\n    \u003c/table\u003e\n\n\u003chr\u003e\n\n\u003c!-- Code of conduct --\u003e\n\u003cdiv\u003e\n\u003ch2\u003e\u003cimg src = \"https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Hand%20gestures/Handshake.png\" width=\"35\" height=\"35\"\u003e Code of Conduct\u003c/h2\u003e\n\u003c/div\u003e\n\nPlease note that this project is released with a [Contributor Code of Conduct](./CODE_OF_CONDUCT.md). By participating in this project you agree to abide by its terms.\n\n\u003chr\u003e\n\n\u003c!-- License --\u003e\n\u003cdiv\u003e\n\u003ch2\u003e\u003cimg src = \"https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Objects/Page%20with%20Curl.png\" width=\"35\" height=\"35\"\u003e License\u003c/h2\u003e\n\u003c/div\u003e\n\nThis project is licensed under the [MIT License](./LICENSE).\n\n\u003chr\u003e\n\n \u003c!-- Cotributors --\u003e\n\u003cdiv\u003e\n  \u003ch2\u003e\u003cimg src=\"https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Red%20Heart.png\" width=\"35\" height=\"35\"\u003e Contributors\u003c/h2\u003e\n\u003c/div\u003e\n\nThank you for contributing to our project! Your support is invaluable in enhancing Spring-Music-Player and making it even better. 😊\n\n\u003ccenter\u003e\n\u003ca href=\"https://github.com/Satyam1923/Spring-Music-Player/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=Satyam1923/Spring-Music-Player\" /\u003e\n\u003c/a\u003e\n\u003c/center\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsatyam1923%2Fspring-music-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsatyam1923%2Fspring-music-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsatyam1923%2Fspring-music-player/lists"}