Dara Music App

Problemet

Användare behöver kunna upptäcka musik, söka efter artister och låtar samt spara favoriter i en sammanhängande och lättanvänd applikation.

Lösningen

Vi byggde en responsiv musikapplikation med Spotify OAuth, debounced realtidssökning, visning av topplistor och favorithantering som sparas i localStorage.

Mitt ansvar

• Utvecklade användargränssnittet i React och TypeScript.
• Implementerade routing för startsida, favoriter, artistvyer och inloggning.
• Byggde realtidssökning för artister och låtar med debouncing.
• Implementerade Spotify OAuth 2.0 för autentisering.
• Byggde funktionalitet för att lägga till och ta bort favoritlåtar.
• Samarbetade i ett gemensamt projekt med fokus på en modulär och skalbar struktur.

Teknisk lösning

• React och TypeScript med komponentbaserad arkitektur.
• Spotify OAuth 2.0 och Spotify Web API.
• React Router för navigering mellan applikationens vyer.
• Zustand för autentiseringsstatus och global favorithantering.
• Tailwind CSS för ett responsivt och tillgängligt gränssnitt.
• localStorage för att spara användarens favoritlåtar mellan sessioner.

Resultat

Resultatet blev en fungerande musikapplikation där användare kan logga in med Spotify, söka efter musik, utforska artister och låtar samt hantera sina favoriter.

Lärdomar

• Att integrera en extern API-tjänst med OAuth-autentisering.
• Att hantera global state med Zustand.
• Att bygga responsiva och tillgängliga React-gränssnitt.
• Att strukturera en större frontendapplikation med återanvändbara komponenter.

Teknik

• React
• TypeScript
• React Router
• Zustand
• Tailwind CSS
• Spotify API