⭐️ Spring - Music Player ⭐️

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.

✨ Features ✨

• Music/Album/Playlists/Singer Search
• Playback Controls
• Top 10 search list
• Loop Playback
• User authentication

🚀 Tech Stack

Client: React

Server: Node, Express, Firebase, Axios

API: API Link

🎨 Expected Design

Check the Expected design in Figma

🛠️ Getting Started

With Docker

1. Clone the repository

 git clone https://github.com/Satyam1923/Spring.git

For Backend

1. Navigate to the backend folder

   cd backend

2. Build Docker Image

   docker build -t backend:v1 .      

3. Run Docker Image

   docker run -p 3030:3030 backend:v1 

4. Access it locally

Go to http://localhost:3030/

For Frontend

1. Navigate to the frontend folder

cd frontend

2. Build Docker Image

   docker build -t frontend:v1 .      

3. Run Docker Image

   docker run -p 3000:3000 frontend:v1

4. Access it locally

Go to http://localhost:3000/

Without Docker

1. Clone the repository

 git clone https://github.com/Satyam1923/Spring.git

For Backend

1. Navigate to the backend folder

   cd backend

2. Install npm packages

   npm install .

3. Run the server

   node index.js

4. Access it locally

Go to http://localhost:3030/

For Frontend

1. Navigate to the frontend folder

cd frontend

2. Install npm packages

   npm install .

3. Run the development server

   npm run dev

4. Access the local server. You will receive a link in your terminal.

5. Make dummy firebase project and Use it's config in firebase.js

Contributing Readme.

For someone working on backend

1. Change directory

   cd backend

2. Install npm packages

   npm install .

3. Go to localhost

   https://localhost:3030/

   For someone working on frontend

4. Change directory

   cd frontend

5. Install npm packages

   npm install .

6. Run server

   npm run dev

7. Make dummy firebase project and Use it's config in firebase.js

For someone working on backend+frontend

1. Change directory

   cd backend

2. Install npm packages

   npm install .

3. Go to localhost

   https://localhost:3030/

4. Change directory

   cd frontend

5. Install npm packages

   npm install .

6. Change directory

   cd  src

7. Make dummy firebase project and Use it's config in firebase.js

🤝 Contributing

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.

🔧Creating a Pull Request

1. Fork the Project

2. Clone your forked repository

   git clone https://github.com/Satyam1923/Spring.git

3. Create a new branch and move to it

   git checkout -b fix-issue-<ISSUE-NUMBER>

4. Make your changes, then check the status of changed files

   git status 

5. Add all the files to the staging area

   git add .

   or

   git add <file_name1> <file_name2>

6. Commit your changes with a descriptive message

   git commit -m "<EXPLAIN-YOUR_CHANGES>"

7. Push your changes to your branch

   git push origin fix-issue-<ISSUE-NUMBER>

8. 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. 😊