Code Monkey home page Code Monkey logo

jsmusicdb's Introduction

JSMusicDB

A music player and database written using LIT and TypeScript. Using modern JavaScript to reduce the normal framework overhead JSMusicDB is less than 120KB while zipped.

Screenshots

Desktop

Light mode

Screenshot of JSMusicDB in light mode

Dark mode

Screenshot of JSMusicDB in dark mode

Mini album details on scroll

Screenshot of JSMusicDB showing Mini album details on scroll

Now playing screen with a spectrum analyzer

Screenshot of JSMusicDB showing the now-playing screen

Now playing screen with classic LEDs

Screenshot of JSMusicDB showing the Now playing screen with classic LEDs

All artists start with the same letter

Screenshot of JSMusicDB letter view

Endless list of all albums

Screenshot of JSMusicDB albums vies

Various playlists

Screenshot of JSMusicDB playlist view

Mobile

Screenshot of JSMusicDB in light mode Screenshot of JSMusicDB in dark mode Screenshot of JSMusicDB showing the now-playing screen Screenshot of JSMusicDB letter view Screenshot of JSMusicDB albums vies Screenshot of JSMusicDB playlist view

API keys

Add the following to your local .env file to use last.fm and fanart

LASTFM_APIKEY=[your key]
LASTFM_SECRET=[your secret]
FANART_APIKEY=[your key]

Development server

Run npm run start for a dev server. Navigate to http://localhost:5173/. The app will automatically reload if you change any of the source files.

Build

Run npm run build to build the project. The build artifacts will be stored in the dist/ directory.

PWA

Build and deploy

Use jsmusicdb as frontend if you don't want to host your version.

jsmusicdb's People

Contributors

lucienimmink avatar renovate[bot] avatar renovate-bot avatar mrtnvh avatar

Stargazers

avatar Aaron Hans avatar avatar Hariraj avatar Roderic Bos avatar Dirk avatar avatar

Watchers

James Cloos avatar avatar avatar Kostas Georgiou avatar avatar

jsmusicdb's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Detected dependencies

github-actions
.github/workflows/build-and-deploy.yml
  • actions/checkout v4@692973e3d937129bcbf40652eb9f2f61becf3332
  • actions/setup-node v4
  • nwtgck/actions-netlify v3.0
.github/workflows/build.yml
  • actions/checkout v4@692973e3d937129bcbf40652eb9f2f61becf3332
  • actions/setup-node v4
.github/workflows/codeql-analysis.yml
  • actions/checkout v4@692973e3d937129bcbf40652eb9f2f61becf3332
  • github/codeql-action v3
  • github/codeql-action v3
  • github/codeql-action v3
npm
package.json
  • @addasoft/musicdbcore ^1.12.1
  • @addasoft/timespan ^1.1.1
  • @lit-labs/router ^0.1.3
  • @lit-labs/virtualizer ^2.0.12
  • @thebespokepixel/es-tinycolor ^3.1.0
  • audiomotion-analyzer ^4.5.0
  • diacritics-normalizr ^1.0.3
  • fast-average-color ^9.4.0
  • fuse.js ^7.0.0
  • idb-keyval ^6.2.1
  • lit ^3.1.3
  • urlpattern-polyfill ^10.0.0
  • @custom-elements-manifest/analyzer ^0.10.2
  • @types/node ^20.14.1
  • @typescript-eslint/eslint-plugin ^7.12.0
  • @typescript-eslint/parser ^7.12.0
  • api-viewer-element ^1.0.0-pre.10
  • dotenv ^16.4.5
  • eslint ^8.56.0
  • eslint-config-prettier ^9.1.0
  • eslint-plugin-html ^8.1.1
  • eslint-plugin-import ^2.29.1
  • husky ^9.0.11
  • lint-staged ^15.2.5
  • node-fetch ^3.3.2
  • pinst ^3.0.0
  • prettier ^3.3.0
  • prettier-plugin-organize-imports ^3.2.4
  • typescript ^5.4.5
  • vite ^5.2.12
  • vite-plugin-package-version ^1.1.0
  • vite-plugin-preload ^0.4.0
  • vite-plugin-pwa ^0.20.0
  • workbox-broadcast-update ^7.1.0
  • zip-a-folder ^3.1.6
  • node 20.15.0
  • npm 10.8.1
  • Check this box to trigger a request for Renovate to run again on this repository

Let maar op

Straks ben ik verplicht opnieuw een Myspace account aan te maken, zodat ik je ook daar kan lastigvallen

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.