know your music

Everything you need to build a Svelte project, powered by create-svelte.

Contributions

Eduard

• User Management
• Items (Popularity, Discography, Biography, Lyrics, Song)
• Dashboard Layouting

Nick

• Database communication: update data and get data
• Algorithms for adaptive item: choosing next genre and difficulty for the next item based on individual history
• preparation of demo user
• Implementation of charts for dashboard

Lou

Yousri

• Front-end design: item types, home page, about page, navigation, and onboarding.
• Data visualization prototyping
• Logo design

Developing

Once you've created a project and installed dependencies with pnpm install, start a development server:

pnpm run dev

# or start the server and open the app in a new browser tab
pnpm run dev -- --open

Environment

You will need to create a .env file in the root of the project with the following variables:

# Firebase
VITE_API_KEY=""
VITE_AUTH_DOMAIN=""
VITE_PROJECT_ID=""
VITE_STORAGE_BUCKET=""
VITE_MESSAGING_SENDER_ID=""
VITE_APP_ID=""

# Spotify
SPOTIFY_CLIENT_ID=""
SPOTIFY_CLIENT_SECRET=""

You can get the Firebase variables from the Firebase dashboard. The Spotify variables can be obtained by creating a Spotify app in the Spotify developer dashboard.

Building

To create a production version of your app:

pnpm run build

You can preview the production build with pnpm run preview.

To deploy your app, you may need to install an adapter for your target environment.