Musicder

<h1 align="center">

<a href="https://github.com/cachecleanerjeet/Musicder"><img src="https://telegra.ph/file/d1ca7db1f19ee64ad150c.png" alt="Musicder" width="300"></a>
<br>

<p> <a href="https://www.codefactor.io/repository/github/cachecleanerjeet/musicder"> <img src="https://www.codefactor.io/repository/github/cachecleanerjeet/musicder/badge" alt="Codefactor"> </a> <a href="https://app.fossa.com/projects/git%2Bgithub.com%2Fcachecleanerjeet%2FMusicder?ref=badge_shield"> <img src="https://app.fossa.com/api/projects/git%2Bgithub.com%2Fcachecleanerjeet%2FMusicder.svg?type=shield" alt="Fossa"> </a> </p> </h1> <p align="center"> <a href="https://musicder.net"> <img src="https://img.shields.io/badge/Download--A--Song--Now-green?logo=copy&style=for-the-badge" alt="Download a Song" width="200"> </a><br><br> <a href="https://t.me/musicder_bot"> <img src="https://img.shields.io/badge/Musicder%20bot%20is%20now%20on%20telegram,%20Download%20a%20song%20from%20telegram%20-blue?logo=copy&style=for-the-badge" alt="Telegram" width="450"> </a> <br> <br> <br>

Note :

This project has been swifted to React. Old musicder will be available here 👇<br>
<code>https://github.com/cachecleanerjeet/musicder-native</code>

Read This :

This is not the full source code which is used in <code>https://musicder.net</code>. Use <code>https://musicder.net</code> to download songs with metadata.<br>

Features :

1. Free.<br>
2. Fast. <br>
3. Easy to Use.<br>
4. Streaming support with Lyrics. <br>
5. One click Download.<br>
8. PWA.<br>
<br>

This Project has Two Parts :<br>

1. Backend.<br>
2. Frontend. <br><br>

1. Backend

Brief:<br>

I am using my Own JioSaavn UnOfficial API to Search Songs, Stream Songs, Download Songs & Show lyrics.<br>

Installation:<br>

Go to Here for installation instructions.<br><br>

2. Frontend

Brief: <br>

Musicder is a React project. It fetch song's details from a API and Serve it.<br>

Deploy:<br>

I will suggest to use Vercel. <br>

i. Fork this Repo (Also Give a ⭐).<br>
ii. Edit <code>src/config.js</code> & add your backend deployment urls.<br>
iii. Connect it with Vercel & Select <code>Create React App</code> Framework if it is not selected already.<br>

<br><br>

<p align="center"> <a href="https://tu.hin.life"> <img alt="Website" width="30px" src="https://firebasestorage.googleapis.com/v0/b/webtuhin.appspot.com/o/githubstatic%2Fwebsite.svg?alt=media&token=5c3ea7e0-d4f7-4566-b78a-bdee6c65f03e" /> </a> .. <a href="https://www.instagram.com/jeeetpaul"> <img alt="Instagram" width="30px" src="https://cdn.jsdelivr.net/npm/simple-icons@3.2.0/icons/instagram.svg" /> </a> .. <a href="https://www.youtube.com/channel/UCa4FMtLpYcOBtjKOZgzTFNA"> <img alt="YouTube" width="30px" src="https://cdn.jsdelivr.net/npm/simple-icons@3.2.0/icons/youtube.svg" /> </a> .. <a href="https://telegram.dog/tprojects"> <img alt="Telegram" width="30px" src="https://cdn.jsdelivr.net/npm/simple-icons@3.2.0/icons/telegram.svg" /> </a> </p>