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

Tech Stack

Client: React, TailwindCSS

Server: Node, Express, Firebase, Axios, EJS

Api: Jio Saavn API unofficial ( http://jiosaavn-olj6ym1v4-thesumitkolhe.vercel.app )

Future Enhancement

The front end of a music player application built with React by integrating Firebase for user authentication, which could help user to have their own playlist and recommendations.

Demo

https://music-stream-a261.onrender.com/

Getting Started

1. Clone the repo

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

2. Install npm packages

npm install .

3. Start it local host

node index.js

4. Go to local host:

http://localhost:3030/

Contributing

Contributions are what makes 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, or improving the README.md file, feel free to open an issue to discuss it, or directly create a pull request with the necessary changes.
• Please make sure you check your spelling and grammar.
• Create individual PR for each suggestion.

Creating Pull Request

1. Fork the Project
2. Clone your forked repository

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

3. Now go ahead and create a new branch and move to the branch

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

4. After you have added your changes, follow the following command chain Check the changed files

git status -s

5. Add all the files to the staging area

git add .

or

git add <file_name1> <file_name2>

6. Commit your changes

git commit -m "<EXPLAIN-YOUR_CHANGES>"

7. Push your changes

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

8. Open a Pull Request

Enhancement

Expected design for player : https://www.figma.com/file/mrTzLDEAtHPOsDl99R3kOY/Spring-Music-Player?type=design&node-id=0%3A1&mode=design&t=WCOysEPxmfpAsN12-1

Future Ideas

Wanna try it as desktop app using electronjs