The 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.
- Music/Album/Playlists/Singer Search
- Playback Controls
- Top 10 search list
- Loop Playback
- User authentication
Client: React
Server: Node, Express, Firebase, Axios
API: API Link
Check the Expected design in Figma
- Clone the repository
git clone https://github.com/Satyam1923/Spring.git- Navigate to the backend folder
cd backend- Build Docker Image
docker build -t backend:v1 . - Run Docker Image
docker run -p 3030:3030 backend:v1 - Access it locally
Go to http://localhost:3030/
- Navigate to the frontend folder
cd frontend- Build Docker Image
docker build -t frontend:v1 . - Run Docker Image
docker run -p 3000:3000 frontend:v1- Access it locally
Go to http://localhost:3000/
- Clone the repository
git clone https://github.com/Satyam1923/Spring.git- Navigate to the backend folder
cd backend- Install npm packages
npm install .- Run the server
node index.js- Access it locally
Go to http://localhost:3030/
- Navigate to the frontend folder
cd frontend- Install npm packages
npm install .- Run the development server
npm run dev-
Access the local server. You will receive a link in your terminal.
-
Make dummy firebase project and Use it's config in firebase.js
- Change directory
cd backend- Install npm packages
npm install .- Go to localhost
https://localhost:3030/- Change directory
cd frontend- Install npm packages
npm install .- Run server
npm run dev- Make dummy firebase project and Use it's config in firebase.js
- Change directory
cd backend- Install npm packages
npm install .- Go to localhost
https://localhost:3030/- Change directory
cd frontend- Install npm packages
npm install .- Change directory
cd src- Make dummy firebase project and Use it's config in firebase.js
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- 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.
- Please ensure your pull request adheres to good practices and standards.
- Please ensure your pull request have reference to the issue assigned.
- Please make sure you check your spelling and grammar.
- Create individual Pull Requests for each issues.
- Fork the Project
- Clone your forked repository
git clone https://github.com/Satyam1923/Spring.git- Create a new branch and move to it
git checkout -b fix-issue-<ISSUE-NUMBER>- Make your changes, then check the status of changed files
git status - Add all the files to the staging area
git add .or
git add <file_name1> <file_name2>- Commit your changes with a descriptive message
git commit -m "<EXPLAIN-YOUR_CHANGES>"- Push your changes to your branch
git push origin fix-issue-<ISSUE-NUMBER>- Open a Pull Request
Feel free to enhance this project and contribute in any way you find valuable! Let's make Spring Music Player even better together. 🎶✨
|
GSSOC 2024 |
| 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. |
Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.
This project is licensed under the MIT License.
Thank you for contributing to our project! Your support is invaluable in enhancing Spring-Music-Player and making it even better. 😊