YANGIFY
Descrizione
Yangify rappresenta un'opportunità per gli amanti della musica di accedere a una vasta gamma di contenuti e di gestire facilmente le proprie canzoni preferite, il tutto con un'esperienza utente coinvolgente e personalizzata.
È una web App basata su l'API di DEEZER con focus sul front-end, sviluppata utilizzando il framework Next.js e il preprocessore CSS SASS.
L'idea alla base di questo progetto è stata quella di creare un ibrido tra Spotify e Deezer, garantendo una vasta selezione di contenuti audio da cui scegliere.
Credenziali Login
- user: simone | pass: simone1
- user: dario | pass: dario1
- user: jessica | pass: jessica1
- user: anastasia | pass: anastasia1
- user: anna | pass: anna1
Home in versione mobile e desktop
Routing
L'uso di Next.js fornisce un'esperienza di navigazione fluida e veloce. Per garantire un caricamento rapido delle pagine e una migliore indicizzazione sui motori di ricerca, è stato utilizzato il server-side rendering, che permette di generare le pagine HTML lato server prima di inviarle al client.
Tecnologie :
Design
Il design dell'applicazione è stato realizzato completamente da zero per offrire un'esperienza utente unica partendo dalla creazione di un mock up su Figma. L'utilizzo di SASS ha semplificato la scrittura del codice CSS. Sono stati utilizzati i moduli SCSS, una tecnologia che consente di organizzare il codice CSS in file separati, semplificando la manutenzione e il debugging del codice.
Struttura
L'applicazione presenta una pagina di login per accedere all'account dell'utente e una homepage che mostra i migliori artisti, le migliori tracce e i migliori album del momento. Cliccando su ogni singolo elemento, si aprirà una pagina dinamica con le informazioni dettagliate e la possibilità di ascoltare la traccia audio.
Inoltre, il progetto include:
- una pagina dedicata alla gestione delle canzoni preferite, dove gli utenti possono aggiungere e rimuovere le loro tracce
- una pagina "shuffle" che suggerisce all'utente canzoni casuali
- una pagina di ricerca che consente di cercare album o canzoni specifiche
Team Yang
Il progetto finale del coding bootcamp 5 di Edgemony è stato svolto in gruppo, con la partecipazione degli studenti in elenco. Il progetto è stato completato in due settimane e la metodologia utilizzata è stata Agile, nello specifico Scrum. Durante gli sprint, il team ha tenuto incontri regolari per monitorare il progresso del lavoro e identificare eventuali ostacoli fino al completamento del progetto. In questo modo, abbiamo lavorato insieme per completare il progetto finale in modo collaborativo e con un approccio altamente organizzato. Grazie alla metodologia Agile Scrum, abbiamo lavorato in modo efficiente e concentrandoci sui compiti più importanti per il successo del progetto.