# adrianhajdin/project_music_player

Master modern web development by building an improved version of Spotify. With a modern homepage, fully-fledged music player, search, lyrics, song exploration features, search, popular music around you, worldwide top charts, and much more, this is the best music application you can currently find on YouTube.

Repository: https://github.com/adrianhajdin/project_music_player
Canonical: https://ross.abutalabs.com/products/project_music_player
Homepage: https://jsmastery.pro
Language: JavaScript
License Family: other
Topics: javascript, rapidapi, reactjs, tailwindcss
Last push: 2024-02-02T23:37:58+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 1450, "days_push": 943, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1070, forks 305 (observed 2026-08-28T04:03:27.868365+00:00)

## What it is
A tutorial companion repository from JS Mastery that walks through building a Spotify-like music streaming web app with React 18, Tailwind CSS, Redux, and the Shazam API via RapidAPI. It serves as hands-on learning material for modern frontend web development rather than a production-ready product.

## Use cases
- learn modern React by building a music player app
- tutorial for building a Spotify clone with React and Tailwind
- practice integrating the Shazam API with RapidAPI in a React app
- learn Redux state management through a real project
- follow a YouTube walkthrough to build a music streaming UI
- portfolio project example for frontend development

## When to choose
- you are learning React 18, Redux, or Tailwind CSS and want a guided project
- you want a step-by-step video tutorial with matching source code
- you need a portfolio-style music app example to study or extend

## When to avoid
- you need a production-ready, maintained music streaming application
- you require a project with an open-source license for commercial reuse
- you want an actively developed app rather than a frozen tutorial codebase

## Facets
- artifact type: learning-resource
- maturity: maintenance
- function: frontend-framework, state-management, http-client, ui-components
- domain: web-development, frontend, media, tutorials, education
- platform: cross-platform
- tags: spotify-clone, music-player, react-18, tailwindcss, redux, shazam-api, rapidapi, tutorial-project, youtube-course, web-server, nodejs

## Member repositories
- adrianhajdin/project_music_player (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:03:27.868365+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T06:54:00.283993+00:00, confidence not recorded.
  - readme: https://github.com/adrianhajdin/project_music_player (fetched 2026-08-28T04:03:27.868365+00:00, sha ba4f731d7e0b)
  - homepage: https://jsmastery.pro (fetched 2026-08-29T12:56:17.090880+00:00, sha f725864d9af9)
  - site_page: https://jsmastery.com/course/tanstack-pro-course (fetched 2026-08-29T12:56:17.100180+00:00, sha 2ed959dfb9ca)
- Data as of 2026-08-30T08:39:29.467469+00:00.