01 / Overview
Il progetto.
Underchords nasce durante il periodo della pandemia, in un momento di forte crescita della scena musicale indie italiana. L’obiettivo era creare uno spazio gratuito e facilmente consultabile in cui gli appassionati di chitarra potessero trovare gli accordi delle proprie canzoni preferite, anche a pochi giorni dalla loro pubblicazione.
- Ruolo
- Ideazione, progettazione e sviluppo integrale del progetto, inclusi UX/UI, frontend Angular, gestione dello stato con NgRx, backend REST API PHP, modellazione e gestione del database MySQL, integrazione e pubblicazione su Altervista.
- Stato e manutenzione
- Aggiornamento occasionale del catalogo; attività SEO in corso.
02–03 / Processo
Dal problema alla soluzione.
La sfida
Nel periodo di rapida espansione dell’indie italiano, gli accordi per chitarra delle nuove uscite non erano sempre disponibili in tempi brevi. L’esigenza era raccoglierli e renderli consultabili gratuitamente in un unico spazio.
La soluzione
Una piattaforma con cataloghi di artisti e brani, aggiornamenti sulle ultime pubblicazioni e pagine canzone con testo, accordi e strumenti per agevolare la lettura mentre si suona.
04 / Architettura
Come funziona.
Frontend Angular con routing e gestione dello stato tramite NgRx; comunicazione con REST API PHP e persistenza dei dati in MySQL; hosting su Altervista e protezione Cloudflare resa disponibile dal provider.
05 / Funzionalità
Cosa offre.
- 01Realizzata
Homepage editoriale
Ultime canzoni pubblicate e contenuti Instagram.
- 02Realizzata
Catalogo degli artisti
Elenco degli artisti con accesso alle rispettive canzoni.
- 03Realizzata
Catalogo dei brani
Raccolta completa delle canzoni disponibili.
- 04Realizzata
Pagina del brano
Testo, accordi per chitarra e controlli di lettura.
- 05Realizzata
Lettura assistita
Ridimensionamento del testo e scorrimento automatico durante l’esecuzione.
- 06In evoluzione
Ottimizzazione SEO
Interventi sull’indicizzazione e sulla visibilità organica.
06 / Stack
Tecnologie.
- Angular
- Angular Router
- NgRx
- Bootstrap
- PHP REST API
- MySQL
- Altervista
Visual
Dentro il progetto.
