Apple Music Js

A music streaming service built from the ground up using React & Redux
Alternatives To Apple Music Js
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Spotify Downloader11,674227 days ago64June 27, 202210mitPython
Download your Spotify playlists and songs along with album art and metadata (from YouTube if a match is found).
2 months ago56March 15, 202215mitPython
A simple app to get songs from YouTube in mp3 format with artist name, album name etc from sources like iTunes, Spotify, LastFM, Deezer, Gaana etc.
Apple Music Js1,792
5 months ago14mitJavaScript
A music streaming service built from the ground up using React & Redux
62 years ago81November 22, 202053mitPython
SoundCloud (and Bandcamp and Mixcloud) downloader in Python.
2 days ago44gpl-3.0Kotlin
A simple, rational music player for android
Ytmusicapi1,056165 days ago45May 10, 20227mitPython
Unofficial API for YouTube Music
Lyricsgenius72615136 months ago46April 18, 202136mitPython
Download song lyrics and metadata from 🎶🎤
3 years ago12HTML
Viberr is an application that let's you upload, store, and play all of your music from the cloud.
Deezer Downloader402
10 days ago17mitPython
Download music from Deezer with a nice front end
4 years ago6Java
Download songs with metadata by entering song's title
Alternatives To Apple Music Js
Select To Compare

Alternative Project Comparisons


Built by Tanner Villarete

Connect with me on LinkedIn! I'll be graduating soon ;)

How far can JavaScript take us?

Turns out, pretty dang far. This web app was my attempt at mimicking Apple's iOS music app, and I think I've come pretty close!

Check out a live demo here

screen shot 2018-08-12 at 9 49 19 am

screen shot 2018-08-12 at 9 49 27 am

I'm in my fourth year of college, and it's been super cool to see how much I've improved and continue to improve all aspects of programming.

Backend API

The API is hosted on a Raspberry Pi, and it's kept private (but still accessible if you try) so that it doesn't get overloaded. If you're interested in building your own backend to plug into this tool, here's what my database and endpoints look like:


There are six required columns:

  • name: The name of the song
  • artist: The artist name
  • album: The album name
  • track: The index of the song relative to the album (To order songs in an album)
  • url: A URL to the audio file
  • artwork: A URL to the album artwork image
mysql> use music;

Database changed
mysql> desc tracks;
| Field      | Type             | Null | Key | Default | Extra          |
| id         | int(10) unsigned | NO   | PRI | NULL    | auto_increment |
| created_at | timestamp        | YES  |     | NULL    |                |
| updated_at | timestamp        | YES  |     | NULL    |                |
| name       | varchar(255)     | NO   |     | NULL    |                |
| artist     | varchar(255)     | NO   |     | NULL    |                |
| album      | varchar(255)     | NO   |     | NULL    |                |
| track      | int(11)          | NO   |     | NULL    |                |
| url        | varchar(255)     | NO   |     | NULL    |                |
| artwork    | varchar(255)     | NO   |     | NULL    |                |
9 rows in set (0.05 sec)

API Endpoints

The backend is built with PHP using the Laravel ORM. I only needed a few API endpoints to get this working:

  • /albums - Returns a list of all album names with their corresponding artist
  • /album/{album} - Returns a list of songs from a specified album
  • /artists - Returns a list of all artists
  • /artist/{artist} - Returns a list of all albums from a specific artist

Feel free to reach out if you have questions!

Local Development

To run this app locally, clone the project (or download it as a zip and unzip it to a directory), navigate to the root directory with a command prompt or terminal (where the package.json file is located), and run npm install to download the necessary dependencies onto your local machine.

Inside the root directory, you can run some built-in commands:

npm start

Runs the app in development mode.

Open http://localhost:3000 to view it in the browser.

The page will automatically reload if you make changes to the code.

You will see the build errors and lint warnings in the console.

npm run build

Builds the app for production to the build folder.

It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.

Your app is ready to be deployed.

Popular Songs Projects
Popular Album Projects
Popular Media Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
React Redux