Giter VIP home page Giter VIP logo

lakshyajn / spring-music-player Goto Github PK

View Code? Open in Web Editor NEW

This project forked from satyam1923/spring-music-player

0.0 0.0 0.0 33.7 MB

The JioSaavn Player project aims to create a feature-rich music player application leveraging the unofficial JioSaavn API. This application will provide users with a seamless experience to discover, stream, and organize their favorite music tracks from the extensive JioSaavn library.

Home Page: https://satyam1923.github.io/Spring-Music-Player/

License: MIT License

JavaScript 86.71% CSS 12.60% Dockerfile 0.16% HTML 0.28% SCSS 0.25%

spring-music-player's Introduction

⭐️ 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

Screenshot 2024-06-07 012636

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
  1. Build Docker Image
docker build -t backend:v1 .      
  1. Run Docker Image
docker run -p 3030:3030 backend:v1 
  1. Access it locally

Go to http://localhost:3030/

For Frontend

  1. Navigate to the frontend folder
cd frontend
  1. Build Docker Image
docker build -t frontend:v1 .      
  1. Run Docker Image
docker run -p 3000:3000 frontend:v1
  1. 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
  1. Install npm packages
npm install .
  1. Run the server
node index.js
  1. Access it locally

Go to http://localhost:3030/

For Frontend

  1. Navigate to the frontend folder
cd frontend
  1. Install npm packages
npm install .
  1. Run the development server
npm run dev
  1. Access the local server You will receive a link in your terminal.

Contributing Readme.

For someone working on backend

  1. Change directory
cd backend
  1. Install npm packages
npm install .
  1. Go to localhost
https://localhost:3030/

For someone working on frontend

  1. Change directory
cd frontend
  1. Install npm packages
npm install .
  1. Run server
npm run dev

For someone working on backend+frontend

  1. Change directory
cd backend
  1. Install npm packages
npm install .
  1. Go to localhost
https://localhost:3030/
  1. Change directory
cd frontend
  1. Install npm packages
npm install .
  1. Change directory
cd  src

🤝 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.
  • Pleae 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
  1. Create a new branch and move to it
git checkout -b fix-issue-<ISSUE-NUMBER>
  1. Make your changes, then check the status of changed files
git status 
  1. Add all the files to the staging area
git add .

or

git add <file_name1> <file_name2>
  1. Commit your changes with a descriptive message
git commit -m "<EXPLAIN-YOUR_CHANGES>"
  1. Push your changes to your branch
git push origin fix-issue-<ISSUE-NUMBER>
  1. 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. 🎶✨


Open Source Programs

GSSOC Logo 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.

Code of Conduct

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.


License

This project is licensed under the MIT License.


Contributors

Thank you for contributing to our project! Your support is invaluable in enhancing Spring-Music-Player and making it even better. 😊

spring-music-player's People

Contributors

satyam1923 avatar the-phoenics avatar dhruv8433 avatar suhainafathimam avatar yash-ainapure avatar annu117 avatar rahulpoonia29 avatar riddhi162 avatar ratangulati avatar sibam-paul avatar dhruv389 avatar mohit-bhandari45 avatar ksatya2003 avatar sivaprasath2004 avatar pani2004 avatar dakshsinghrathore avatar saurabhsingh720 avatar nuke1999 avatar jagpreet153 avatar gauranshgoel123 avatar komal-agarwal5 avatar parnaroychowdhury777 avatar asymtode712 avatar shubhamxdd avatar vanisharma2003 avatar yashmandi avatar prithwi32 avatar sid-80 avatar srinivasdevolper avatar tarungupta18 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.