chords4all Svelte Themes

Chords4all

chords4all - check chords from most of the italian AS db with a svelte interface

🎢 chords4all

web app sveltekit per cercare e visualizzare accordi e testi dal database AS usando:

  • endpoint acas json per la ricerca πŸ”
  • parsing server-side del brano per estrarre solo contenuti musicali utili πŸ› οΈ

✨ feature incluse

  • ricerca live tramite api (/wp-json/acas/v1/search/?query=...) πŸ“‘
  • viewer brano pulito e senza distrazioni πŸ“–
  • traspositore a semitoni 🎢
  • semplifica accordi 🎸
  • ingrandimento/riduzione testo πŸ”
  • auto-scroll con 4 velocitΓ  πŸ”„
  • diagrammi accordi chitarra (major/minor, incluse alterazioni piΓΉ comuni) 🎼
  • esportazione clean in pdf
  • box descrizione e video youtube quando disponibili πŸ“Ί

πŸ—οΈ stack

  • sveltekit + typescript ⚑
  • cheerio per parsing html lato server βœ‚οΈ

πŸš€ avvio locale

npm install
npm run dev

se lanci npm run dev senza node_modules, lo script predev prova automaticamente a fare npm install. dopo l'installazione, postinstall esegue svelte-kit sync per preparare .svelte-kit. πŸ“¦

build produzione:

npm run build
npm run preview

deploy su vercel

questa app ora usa @sveltejs/adapter-vercel, quindi il deploy su vercel e' diretto.

  1. collega il repository su vercel (new project -> import repository).
  2. lascia framework preset su sveltekit (auto-detect).
  3. usa questi comandi (di default in genere sono gia' corretti):
install command: npm install
build command: npm run build
output directory: .vercel/output
  1. esegui deploy.

nota: gli endpoint server (/api/search, /api/song, /api/artist) vengono pubblicati come funzioni vercel tramite adapter.

πŸ”Œ endpoint locali

  • get /api/search?q=... πŸ”Ž
  • get /api/song?url=... πŸ“„
  • get /api/artist?url=... πŸ“„

βš–οΈ note legali

questa app va usata solo per contenuti che hai diritto di consultare e nel rispetto dei termini del sito sorgente AS e delle norme sul diritto d'autore. πŸ›‘οΈ

Top categories

Loading Svelte Themes