Name		Name	Last commit message	Last commit date
src		src
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
README.md		README.md
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
vite.config.js		vite.config.js

Repository files navigation

Project Lyriks

A React.js music player.

Live demo

Technologies

React.js
APIs:

Shazam Core API for charts, track details, artist details, and related tracks
IP Geolocation API to detect the user’s location and recommend nearby popular songs

Libraries & Tooling

Tailwind, Redux Toolkit, Vite, axios

Features

Music player: play / pause, previous / next, shuffle, repeat, progress bar, and volume
Home: loads the global Top chart by default, with genre filters
Around You: loads a regional chart based on the user’s location
Song / artist details: extra info (lyrics, bio, and more) plus related-track recommendations
Search

About

React.js music player, built with Tailwind, Redux Toolkit, and Vite, featuring a music player with functions such as play/pause, skip to previous/next track, shuffle, loop, progress bar, volume control, song/artist details, and related song recommendations.

lyriks-nine.vercel.app

react redux shazam-api spotify tailwindcss

2 stars

1 watching

Report repository

Releases

Packages

Contributors

Languages